2009-12-10 1 views
3

У меня есть панель инструментов jQuery, FireFox, Firebug, IE и IE. Когда я просматриваю страницу с помощью панели инструментов FireBug или IE Dev, я могу щелкнуть элемент, и он показывает мне в dom, где находится элемент и т. Д. Есть ли способ преобразовать этот выбор в действительный селектор jQuery? Я знаю, что я могу использовать ID, классы и элемент по отношению к другим элементам и т. Д. ... но как насчет того, когда я смотрю на какую-то случайную ячейку таблицы, у которой нет класса или идентификатора и т. Д. Могу ли я создать селектор на летать так? Я точно думал. Любые мысли или идеи всегда ценятсяjQuery selector help - Могу ли я генерировать селектор нажатием на элемент?

Спасибо, ~ ск в Сан-Диего

+0

Я не думаю, что есть какой-либо реальный способ сделать это, потому что любой элемент можно ссылаться, используя несколько селекторов jQuery, но такие инструменты, как FireQuery, могут помочь. –

ответ

0

В Firebug вы можете написать $ 1, который последний выбранный объект на странице.

+0

Полезно знать, является ли эта особенность firebug специфичной или jQuery? –

+0

Это конкретный firebug –

+0

, который просто протестировал это, работает в последней консоли хром! – Salman

0

Если вы хотите добавить атрибут к DOM элемента т.е. <td> элемента с Firebug

  • Щелкните правой кнопкой мыши <td> элемент на странице и осмотрите элемент.
  • На вкладке HTML в Firebug правой кнопкой мыши на теге т.е. <td>
  • Выберите New Attribute
  • Добавить ID/класс/и т.д..

... и все, что есть.

0

Обычно что я делаю нагрузки JQuery внутри Firebug, завернуть его в качестве смазки обезьяны script.Below такой сценарий из http://joanpiedra.com/jquery/greasemonkey/

// Add jQuery 
    var GM_JQ = document.createElement('script'); 
    GM_JQ.src = 'http://jquery.com/src/jquery-latest.js'; 
    GM_JQ.type = 'text/javascript'; 
    document.getElementsByTagName('head')[0].appendChild(GM_JQ); 

// Check if jQuery's loaded 
    function GM_wait() { 
     if(typeof unsafeWindow.jQuery == 'undefined') { window.setTimeout(GM_wait,100); } 
    else { $ = unsafeWindow.jQuery; letsJQuery(); } 
    } 
    GM_wait(); 

// All your GM code must be inside this function 
    function letsJQuery() { 
     alert($); // check if the dollar (jquery) function works 
    } 
2

Есть несколько бесплатных инструментов, которые помогут вам найти свой селектор , Один из них называется Selector Detector, а другой - SelectorGadget.

Оба они очень похожи и просты в применении. Просто запишите ссылку на javascript и откройте ее на своем сайте (как и firebug lite). Затем нажмите на свой элемент, чтобы отобразить его селектор.

Я только что написал статью, в которой сравниваются две версии, включающие демонстрации и ссылки для скачивания. Если вы хотите узнать больше, ознакомьтесь здесь: http://www.heinencreative.com/archives/articles/selector-detector-vs-selectorgadget/