Aide du sélecteur jQuery - Puis-je générer un sélecteur en cliquant sur un élément?

J'ai la barre d'outils de développement jQuery, FireFox, Firebug, IE et IE. Quand j'examine une page avec la barre d'outils FireBug ou IE Dev, je suis capable de cliquer sur un élément et il me montre dans le dom où l'élément est etc ... Y at-il de toute façon transformer cette sélection en un sélecteur jQuery valide? Je sais que je peux utiliser l'ID, les classes, et l'élément par rapport à d'autres éléments etc ... mais qu'en est-il lorsque je regarde une cellule de tableau aléatoire qui n'a pas de classe ou d'id etc. Puis-je générer un sélecteur sur le voler comme ça? Je pensais à coup sûr qu'il y en avait. Toutes les pensées ou les idées sont toujours appréciésAide du sélecteur jQuery - Puis-je générer un sélecteur en cliquant sur un élément?

Merci, ~ ck à San Diego

Source

2009-12-10 Hcabnettek

Je ne pense pas qu'il y ait de véritable moyen de le faire car tout élément peut être référencé en utilisant plus d'un sélecteur jQuery, mais des outils comme FireQuery peuvent vous aider. –

En Firebug vous pouvez écrire 1 $, ce qui est le dernier objet sélectionné sur la page.

Source

2009-12-10 23:33:15

Bon à savoir, cette fonctionnalité spécifique à firebug ou jQuery est-elle spécifique? –

C'est firebug spécifique –

juste testé cela fonctionne dans la dernière console chromée aussi! – Salman

Si vous cherchez à ajouter un attribut à un élément DOM à savoir un élément <td> avec Firebug

clic droit sur l'élément <td> sur la page et Inspecter l'élément.
Dans l'onglet HTML de Firebug Faites un clic droit sur l'étiquette à savoir <td>
Sélectionnez un nouvel attribut
Ajouter un identifiant/classe/etc.

... et c'est tout ce qu'il ya à faire.

Source

2009-12-10 23:34:48 TALLBOY

Vérifiez le plug-in FireQuery pour Firebug.

Source

2009-12-10 23:38:57

En général ce que je fais est jQuery charge à l'intérieur Firebug, l'envelopper comme un singe de graisse script.Below est un script 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 
    }

Source

2009-12-11 00:32:46

Il y a quelques outils gratuits qui vous aidera à trouver votre sélection . L'un s'appelle Selector Detector et l'autre SelectorGadget.

Les deux sont très similaires et faciles à mettre en œuvre. Il suffit de mettre en signet un lien javascript et de l'ouvrir sur votre site (comme firebug lite). Puis cliquez sur votre élément pour afficher son sélecteur.

Je viens d'écrire un article comparant les deux qui comprend des démos et des liens de téléchargement. Si vous voulez en savoir plus, jetez un coup d'œil ici: http://www.heinencreative.com/archives/articles/selector-detector-vs-selectorgadget/

Source

2010-03-15 17:39:01

Aide du sélecteur jQuery - Puis-je générer un sélecteur en cliquant sur un élément?

Répondre

Questions connexes