Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 访问DOM中具有相同名称的多个项_Javascript_Jquery_Dom_Web - Fatal编程技术网

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

Javascript 访问DOM中具有相同名称的多个项,javascript,jquery,dom,web,Javascript,Jquery,Dom,Web,使用web开发人员控制台,我可以从web控制台访问特定类的第一项内容,如下所示: $(".license-box pre").text(); 但是,如果有多个名为“pre”的对象是类“license box”的成员,该怎么办?如何访问实例1、2、n等 我不是问如何遍历类成员列表。我问的是如何访问列表的第n个成员,这是一个不同的问题。这不是标贴的复制品。这是下面链接的《费利克斯国王邮报》的复制品,因此应该正确地重新标记,以指向费利克斯的物品 解决方案如下:使用.eq()方法。像这样吗 现在,如果

使用web开发人员控制台,我可以从web控制台访问特定类的第一项内容,如下所示:

$(".license-box pre").text();
但是,如果有多个名为“pre”的对象是类“license box”的成员,该怎么办?如何访问实例1、2、n等

我不是问如何遍历类成员列表。我问的是如何访问列表的第n个成员,这是一个不同的问题。这不是标贴的复制品。这是下面链接的《费利克斯国王邮报》的复制品,因此应该正确地重新标记,以指向费利克斯的物品

解决方案如下:使用
.eq()
方法。

像这样吗

现在,如果您想要
n
th实例的文本,只需执行以下操作:

alert(res[n - 1]);

您可以使用
。each()

如果您知道需要哪一个,可以使用
.eq()

你可以在选择器本身做很多事情。如果你想每隔三天做点什么


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

什么是
$
?jQuery?你可能想通读一本初学者教程。@斜视这本书几乎有5000篇rep@Pointy我应该向他表示祝贺吗?或者我应该把他的5k代表理解为他应该知道他应该首先做基础研究吗?哈哈,是的,也许OP对其他语言很好,但这是非常基本的。现在最好复制一下:.eq方法就是我需要的:$(“.license box pre”).eq(1.text()@TylerDurden您也可以使用
$(“.license box pre:eq(1)”).text()
使用
.eq(1)
避免了非标准选择器的麻烦。@sixfingeredman是的,确实如此
alert(res[n - 1]);
$(".license-box pre").each(function() {
  console.log("this <pre> contains: " + $(this).text());
});
$(".license-box pre").each(function(index) {
  if ((index & 1) === 0)
    console.log("even <pre>: " + $(this).text());
});
var third = $(".license-box pre").eq(3);
$(".license-box pre:nth-child(3n)").each(function() {
  console.log($(this).text());
});