JQuery的選擇內div標籤

Question

鑑於這種HTML

<div class="list">Item 1 
    <div class="hidden">This is the rest of the data</div> 
</div> 

，我需要選擇只有內div標籤的內容。

我有這個JQuery函數，但我似乎無法得到內部標記。

$(".list").click(function() { 
    var htmlString = $(this).html(); 
    alert(htmlString) 
}); 

Answer 1

使用find()：

$(".list").click(function() { 
    var htmlString = $(this).find('div.hidden').html(); 
    alert(htmlString) 
}); 

Answer 2

您也可以你first()

$(".list").click(function() { 
    var htmlString = $(this).first().html(); 
    alert(htmlString) 
}); 

Answer 3

內的div似乎是.list DIV的第一個孩子，所以它是由firstChild()選擇。

$(".list").click(function() { 
    var htmlString = $(this).firstChild().html(); 
    alert(htmlString) 
}); 

而且，正如你所知道的類內格，爲什麼不這樣做的：

$(".hidden").click(function() { 
    var htmlString = $(this).html(); 
    alert(htmlString) 
}); 

另一種解決方案：

$(".list > div").click(function() { 
    var htmlString = $(this).html(); 
    alert(htmlString) 
}); 

而實際上有噸的辦法來解決這個問題，不會發布每一個：D