jQuery子选择器？

Question

我有一个div的集合，我需要记住并循环，轻松。

var myCollection = $('div.myClass');
$.each(myCollection, function(myDiv){...});

现在我想在每个div中选择一些span标签，但只选择那些div的直接子节点。这有点......

$.each(myCollection, function(myDiv){
    $('span.error', $(myDiv)).each(function(){...});
});

我不希望它在以下场景中起作用

<div class="myClass">
    <div class="myClass">
        <span class="error"></span>
    </div>
</div>

[如果我不需要保存集合，我可以使用子选择器div.myClass > span.error]

Answer 1

试试这个：

$('div.myClass').each(function() {
  $(this).children('span.error').each(function() {
    var span_error = $(this);
  });
});