jQuery - возникла проблема с $ (this) .find (". event_recur"). html ()

Question

Я пытаюсь получить HTML в .event_recur.

$(".entry").each(function(){
alert($(this).find(".event_recur").html());
});


<div class="entry">
<p class="event_title">June 21st Event - eat</p>

<p class="event_start_date">1277160289</p>
<p class="event_end_date">1277505889</p>
<p class="event_body"><p>June 21-25th
</p></p>
<p class="event_recur"><p>No
</p></p>
<p class="event_body"><p>June 21-25th
</p></p>

<p class="event_location"><p>Pac Sun
</p></p>
<p class="event_categories">
Eat
</p>

</div>

Я ничего не получаю, когда делаю:

$(".entry").each(function(){
    alert($(this).find(".event_recur").html();
});

Я ожидал:

<p>No
    </p>

Я что-то упустил? Спасибо!

Answer 1

No сейчас отсутствует в каком-либо теге абзаца.Это вне вашего желаемого <p class="event_recur">.

Answer 2

Попробуйте обернуть вашу функцию следующим образом:

$(function () {
  $(".entry").each(function(){
    alert($(this).find(".event_recur").html());
  });
});

Это приведет к задержке выполнения до загрузки DOM.

Answer 3

у вас отсутствует готовое закрытие документа;т.е. изменить вызов на:

$(function(){
  $(".entry").each(function(){
    alert($(this).find(".event_recur").html());
  });
});

(FYI, $(function(){}); - псевдоним для $(document).ready(function(){});)

Answer 4

Так выглядит с HTML5 Doctype: вложение P-тегов вызывало проблему с селектором.Я не уверен, если почему именно, но я превратил .event-recur в div, и он вывел HTML отлично!ДА!

Примечание для себя: не вкладывайте p-теги с типом HTML5.Я не уверен, что это доктайп, но, может быть, кто-то еще может уточнить.