Sélecteur Jquery

Question

<a class='leftpanel_anchor' tag='solutions' href='javascript:void(0)' > Solutions to <span class='leftpanel_keywords'>firstConResult</span></a> 

J'ai une ancre comme celle-ci. Je veux sélectionner le contenu dans la classe d'envergure 'leftpanel_keywords'. comment puis-je faire ça avec jquery ???

Answer 1

Si vous souhaitez que votre résultat contienne du HTML (vos balises span), utilisez la méthode .html(). Dans le cas contraire, utilisez la méthode .text() comme d'autres l'ont suggéré:

$(".leftpanel_anchor").html(); //Returns everything, including <span> tags 
$(".leftpanel_anchor").text(); //Returns only the text, minus any tags 

Answer 2

En fonction de la structure de votre page entière .. il y a plusieurs façons différentes, vous pouvez vouloir formater votre sélection:

$(".leftpanel_keywords").text() 

vous obtiendrez tout élément qui a la classe « leftpanel_keywords »

$("A.leftpanel_anchor .leftpanel_keywords")").text() 

vous obtiendrez la classe intérieure « leftpanel_keywords » pour toute ancre qui a une classe « leftpanel_anchor »

ces deux vous donnera le texte insi de l'envergure.

Answer 3

$(".leftpanel_keywords").text(); 

Answer 4

$('a.leftpanel_anchor .leftpanel_keywords').text(); 

Ce ne sélectionnera que ceux dans un point d'ancrage.

S'il y en a plus d'une occurrence, vous devriez demander à donner au moins l'ID d'ancrage.

Answer 5

Si je suis le droit de question, il y a une parent-child selector à faire:

$(".leftpanel_anchor > .leftpanel_keywords").text() 

Answer 6

Quel est le problème avec $('.leftpanel_keywords').text()?

Answer 7

Vous pouvez utiliser le sélecteur de classe CSS pour aller chercher l'élément. Le sélecteur de classe fonctionne comme ceci:

$('.name_of_class') 

Cela retourne un objet jQuery de cet élément DOM, sur lequel vous pouvez appeler différentes méthodes pour faire des choses différentes, comme l'animation, la manipulation de contenu et vraiment tout ce que vous pouvez faire avec jQuery.

Dans votre exemple ici, vous pouvez récupérer la valeur innerHTML (contenu de l'élément) en appelant:

var content = $('.leftpanel_keywords').html(); 

Il y a beaucoup d'endroits pour en savoir plus sur les sélecteurs jQuery, traversant DOM et la manipulation du DOM, certains les parties les plus vitales de jQuery et des blocs de construction de base pour une fonctionnalité passionnante! Découvrez jQuery for Designers, une grande collection de tutoriels et de screencasts simples et pratiques. Regardez également le jQuery official documentation, qui est une référence complète.

Espérons que cela aide!