Jquery селектор

Question

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

У меня есть такой якорь. Я хочу выбрать содержимое внутри класса span 'leftpanel_keywords'. Как я могу сделать это с JQuery ???

Answer 1

Если вы хотите, чтобы ваш результат содержал HTML (ваши теги span), используйте метод .html (). Если нет, используйте метод .text (), как предлагали другие:

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

Answer 2

Если я правильно понял вопрос, для этого есть селектор родитель-потомок :

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

Answer 3

В зависимости от структуры всей вашей страницы. Существует несколько способов форматирования селектора:

$(".leftpanel_keywords").text()

даст вам любой элемент, который имеет класс "leftpanel_keywords"

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

даст вам внутренний класс "leftpanel_keywords" для любого якоря, у которого есть класс "leftpanel_anchor"

Оба из них дадут вам текст внутри диапазона.

Answer 4

Вы можете использовать селектор класса CSS для извлечения элемента. Селектор классов работает так:

$('.name_of_class')

Затем возвращается объект jQuery этого элемента DOM, для которого вы можете вызывать различные методы для выполнения различных задач, таких как анимация, манипулирование контентом и все, что вы можете сделать с помощью jQuery.

В приведенном здесь примере вы можете получить значение innerHTML (содержимое элемента), вызвав:

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

Есть много мест, где можно больше узнать о селекторах jQuery, обходе DOM и манипулировании DOM, о некоторых наиболее важных частях jQuery и основных строительных блоках для захватывающей функциональности! Проверьте jQuery для дизайнеров , большую коллекцию простых, практических уроков и скринкастов. Также посмотрите официальную документацию jQuery , которая является исчерпывающим справочником.

Надеюсь, это поможет!

Answer 5

Что не так с $('.leftpanel_keywords').text()?

Answer 6

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

Это выберет только те, которые находятся внутри якоря.

Если таких случаев более одного, вы должны принять решение, дающее хотя бы привязке идентификатор.

Answer 7

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