在DOM中访问多个具有相同名称的项目

2018-06-29 22:06:58

这个问题在这里已经有了答案：

jQuery使用相同的类14个答案来遍历元素

您可以使用.each()遍历项目集合：

$(".license-box pre").each(function() {
  console.log("this <pre> contains: " + $(this).text());
});

对.each()的回调传递给索引，它可以让你在只有偶数索引的元素上执行类似的操作：

$(".license-box pre").each(function(index) {
  if ((index & 1) === 0)
    console.log("even <pre>: " + $(this).text());
});

如果你知道你想要哪一个，你可以使用.eq() ：

var third = $(".license-box pre").eq(3);

你可以在选择器本身做很多事情。如果你想为每个第三<pre>做些事情，你可以这样做：

$(".license-box pre:nth-child(3n)").each(function() {
  console.log($(this).text());
});

（当<pre>元素是“license-box”容器的直接子元素时，此处的nth-child()选择器会有意义，因为语义与每个元素的兄弟关系有关。）

喜欢这个？ .each

var res = [];

$(".license-box pre").each(function(){
    res.push($(this).text()); // or alert($(this).text());
});

console.log(res);

现在，如果您想要第n个实例的文本，只需执行以下操作：

alert(res[n - 1]);

链接地址: http://www.djcxy.com/p/83503.html