2011-01-24 43 views
2

我一直在處理項目問題一段時間。基本上,我用.html()加載條目到div。這一切都看起來不錯,但我試圖獲得:first-child的價值,除非將條目直接放入HTML(如源文件中),否則它將無法工作 - 但我無法這樣做,因爲條目需要動態加載(通過JS)。jQuery - 將HTML插入div,然後獲取插入的HTML的第一個孩子

所以,我去看看頁面的來源,看看發生了什麼,沒有什麼出現在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> 

我怎麼會選擇#內包的第一個孩子的input的價值?

我正在使用$("#inner-wrap :first-child .realtime").val(),但是在條目動態加載時不起作用。 Here's所有相關的代碼,以及here's到目前爲止我所擁有的「活」位。這遠遠沒有完成,但我需要能夠得到最後評論的時間來檢查新評論。

+0

我想你,但我的JavaScript和HTML是我的預覽空白添加代碼,那裏有隻一個大灰盒子.. – 2011-01-24 04:52:51

+0

我看到兩條線。 = /。你可以嘗試http://pastebin.com/併發布鏈接? – Andrew 2011-01-24 04:56:38

+0

看看你在pastebin上的代碼,你在哪裏調用函數insert_last_ten()? – Lance 2011-01-24 05:06:41

回答

6

使用jQuery時,動態html不會顯示在源代碼中,除非發生回發。您需要使用Firebug等工具來驗證內容,或者通過添加表單並張貼到同一頁面來強制回發。

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

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

加載頁面中的「查看源文件」視圖沒有顯示出來,因爲,簡單地說,它不是在頁面的源代碼之後的東西添加到DOM。使用Firebug或Chrome檢查器工具查看DOM。

如果您需要幫助,請發佈實際問題的詳細信息。與你的代碼相比,你有更多的可能性,那就是有一個jQuery的bug,但是如果你發佈了你的東西,人們就有可能找到它。

1

我已經創建了一個腳本,它將根據實際數據對整個html文件進行編碼。看看here看看它是如何完成的。

或者你可以打開Firebug並保存螢火具有通過右鍵點擊<HTML>源然後保存HTML