Найти элемент, обернутый в тег HTML

Если у меня есть следующая структура HTML, как бы я захватил текст между сильным тегом внутри элемента h2.

<div><code></code><div default"=""><code>(Default)
 &lt;a href="#" target="_blank"&gt;Remove&lt;/a&gt;
 &lt;span&gt;
 
&lt;/span&gt;</code> <p> На данный момент я пытаюсь в консоли и придумал</p> <pre class="prettyprint linenums">template = $('.div1')
$(template).find('h2').each(function(index, elem) {
 console.log(index + $(this).text(), elem + $(this).text() );
});

Который выведет мой elem как

Default (Default) Remove

Любая помощь оценивается

6 ответов

как бы я захватил текст между сильным тегом внутри элемента h2.

Вам не нужно .each

template = $('.div1')
template.find('h2 strong').text()


Используйте селектор "Выбор ребенка" ("родительский> дочерний").

Демо-версия

$('.div2 > h2 > strong').text()

Описание: выбирает все прямые дочерние элементы, указанные "дочерним" элементом, указанным "родителем".

Детский комбинатор (E> F) можно рассматривать как более конкретную форму комбинатора-потомка (EF), поскольку он выбирает только потомков первого уровня.


использовать:

$('.div2 h2').find("strong").text();

или

$('.div2 h2 strong').text();


почему нет

template = $('.div1')
var text $(template).find('h2 strong').text();


$('.div2 > h2 > strong').text();


пытаться

alert($('.div1 .div2 h2 strong').text());

licensed under cc by-sa 3.0 with attribution.