JQuery дочерний селектор?

Question

У меня есть коллекция div, которые мне нужно запомнить и просмотреть, просто.

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

Теперь я хочу выбрать некоторые теги 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);
  });
});