只获取页面上每个.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/