如何遍历jQuery结果集

Question

我正在尝试学习jquery，但我在弄清楚如何处理一组jquery结果时遇到了一些困难。假设我有一些像这样的html：

<div class="divClass">
  <p class="pClass1">1</p>
  <p class="pClass2">Some text.</p>
</div>
<div class="divClass">
  <p class="pClass1">2</p>
  <p class="pClass2">Some text.</p>
</div>
<div class="divClass">
  <p class="pClass1">3</p>
  <p class="pClass2">Some text.</p>
</div>

我想用一个类"divClass“遍历div，用一个类"pClass1”获取包含在子p中的值。使用"divClass“类获取div集很容易，如下所示：

divs = $(".divClass");

但我不确定如何遍历“div”并找到"pClass1“子级，然后获得它的值。任何帮助都是非常有价值的。

Answer 1

您可以使用each方法，然后在this的上下文中查找‘div’元素，这是当前正在迭代的div：

var divs = $(".divClass");

divs.each(function () {
  alert($('p.pClass1', this).text());
});

检查上面的示例here。

Answer 2

使用each方法：

$(".divClass").each(function() {

});

Answer 3

有很多种方法。

对于您的特定场景，我会尝试如下所示：

$(".divClass .pClass1").each(function() {
    // Do whatever
});

如果您想使用标记和p标记执行某些操作，可以尝试使用div查找div方法：

$(".divClass").each(function() {
   var p1Tags = $(this).find(".pClass1");
});