讓每一個.S類元素的只有第一個孩子在頁面上

Question

見JSFiddle

現在，在這段代碼我的目標是s類來獲得頁面的每一個元素的第一個孩子的文本內容。

如果我這樣寫我的代碼：$("#m").find(".s").children().text()，那麼它會得到.s的所有孩子。

但我只想每個.s的第一個孩子。然後我寫了這個：$("#m").find(".s").children().eq(0).text()

現在我的問題是我無法得到所有.s的第一個孩子不是在頁面第一.s元素的第一個孩子。我該怎麼辦？

Answer 1

使用first-child僞類：

alert($("#m").find(".s *:first-child").text()); 

Updated example

Answer 2

你可以使用.each()通過所有匹配.s元素進行迭代。

$("#m").find(".s").each(function(){ 
    alert($(this).children().eq(0).text()); 
}); 

http://jsfiddle.net/fSB6X/4/