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