javascript - jQuery - 将 HTML 插入 div，然后获取插入的 HTML 的第一个子元素

Question

我已经解决一个项目的问题有一段时间了。基本上，我使用 .html() 将条目加载到 div 中。一切看起来都很好，但我试图获取 :first-child 的值，除非我将条目直接放入 HTML 中(如源文件)，否则它将无法工作 - - 但我不能这样做，因为条目需要动态加载(通过 JS)。

因此，我查看了页面源代码以查看发生了什么，但在加载我的条目的 div 中没有显示任何内容。我检查了 Firebug，它显示它们位于该 div 内。网页本身显示它们位于该 div 内。但页面源码没有。

为什么 jQuery 加载的 HTML 不会出现在页面源代码中？

已更新

<小时/> 好吧，你们回答了为什么 - 所以，我想我真正的问题是“如何”做我想做的事 -

div 将多个条目加载到 #inner-wrap 中，看起来有点像:

<div class="entries">
    <input type="submit" value="1295843239" style="display: none;" class="realtime">
    <span class="time">1295843239:</span>
    <span class="name">Name: </span>
    <span class="message">this is an entry...</span>
</div>

如何选择#inner-wrap第一个子元素的input值？

我使用的是 $("#inner-wrap :first-child .realtime").val()，但是当动态加载条目时这不起作用。 Here's所有相关代码，以及here's到目前为止我所拥有的“实时”部分。还远远没有完成，但我需要能够获取最后一条评论的时间来检查新评论。

Answer 1

使用 jQuery 时，除非发生回发，否则动态 html 将不会显示在源代码中。您需要使用 Firebug 等工具来验证内容或通过添加表单并发布到同一页面来强制回发。

<form id="myform" method="post" action="test.html">
<div id="mycontent">
</div>
</form>

<script>
$('#mycontent').html('Hello World!');
$('#myform').submit();
</script>