jquery - 如何循环仅在其子节点中具有特定类的元素？

Question

如何循环元素仅在其子节点中具有某个类？

例如，

<ul class="item">
  <li class="url">A1</li>
  <li class="limit">A2</li>
</ul>

<ul class="item">
  <li>3</li>
  <li>4</li>
</ul>

<ul class="item">
  <li class="url">B1</li>
  <li class="limit">B2</li>
</ul>

<ul class="item">
  <li>3</li>
  <li>4</li>
</ul>

我只想选择这两个，

<ul class="item">
  <li class="url">A1</li>
  <li class="limit">A2</li>
</ul>

<ul class="item">
  <li class="url">B1</li>
  <li class="limit">B2</li>
</ul>

我正在处理的这段代码将循环每个.item

$('.item').each(function(){
        var object = $(this);
        var title = $('.title',object).text();
        var limit = $('.limit',object).text();

        alert(url);
    });

有什么想法吗？

Answer 1

我认为你可以使用 :has() 选择器:

$('ul.item:has(li.limit)').each( ... )

参见http://api.jquery.com/has-selector/