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");

但是我不知道如何循环“divs”并找到“pClass1”子项，然后得到它的值。任何帮助都会非常有用。

Answer 1

您可以使用each方法，然后在this的上下文中查找'.pClass'元素，这是当前正在迭代的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
});

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

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

如何循环jQuery结果集

3 个答案: