getElementsByClassName与jquery

Question

如果我的原始函数是：

document.getElementsByClassName('blah')[9].innerHTML = 'blah';

我是否可以更改它，以便在...how中获得相同的项？我有这个，但当我把'9‘放在末尾时，它不起作用：

$(data).find('.blah')[9].html();

如果我省略了9，它只会得到类名为'blah‘的第一个项目，而我想让它得到第10个项目。

Answer 1

等同于

document.getElementsByClassName('blah')[9].innerHTML = 'blah';

就是使用:eq pseudo-selector

$(".blah:eq(9)").html('blah');

或者是eq function

$(".blah").eq(9).html('blah');

(...and，然后是html function来设置内部的HTML.)

Answer 2

看看你要找的是:eq()

$('.blah').eq(9).html('blah');

因为:eq()是0索引的，所以:eq(9)将在第10个索引处找到该项。

.eq() jQuery doc

还有:nth-child()函数：

$('.blah:nth-child(10)').html('blah');

因为:nth-child()是1索引的，所以你必须把它放在第10位。

:nth-child() jQuery doc

从文档中：

因为jQuery的:n-选择器的实现严格来自CSS规范，所以n的值是“1 -索引的”，这意味着计数从1开始。对于其他选择器表达式，如:eq()或:even jQuery遵循JavaScript的“0-索引”计数。给定一个包含两个的单项

s，$('li:nth-child(1)')选择第一个

而$('li:eq(1)')选择第二个。

Answer 3

请尝试以下操作

$('.blah').eq(9).html('blah');