Question

我正在尝试在.event_recur中获取html。

$(".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

你错过了文件准备好的关闭;即将调用更改为：

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

（仅供参考，$(function(){});是$(document).ready(function(){});）的别名

Answer 2

No目前不在任何段落标记中。它超出了您想要的<p class="event_recur">。

Answer 3

尝试包装你的功能：

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

这将延迟执行，直到加载DOM为止。

Answer 4

所以看起来像HTML5 Doctype：嵌套P标签导致了选择器的问题。我不确定为什么会这样，但我转向.event-recur到div中它输出html罚款！ YES！

自我注意：不要使用HTML5 doctype嵌套p标签。我不是肯定的文件类型，但也许其他人可以澄清。

jQuery - 遇到$（this）的问题.find（“。event_recur”）。html（）

4 个答案: