Javascript Jquery-getxth元素

Javascript Jquery-getxth元素,javascript,jquery,class,element,children,Javascript,Jquery,Class,Element,Children,例如,我有一个id为的div(比如“theu div”)。该div包含一个无序列表,该列表中有5项 我如何向第三个列表项添加一个类,而没有任何列表项附加一个类 编辑:更好的是,如何更改列表项文本以使其等于数字元素 谢谢。对于第一个问题,您可以使用基于0的: $('ul li', '#thediv').eq(2).addClass('whatever'); // add class to 3rd item 对于第二个问题,可以使用遍历所有列表项。回调函数传递一个参数,该参数包含集合中当前元素的索

例如,我有一个id为的div(比如“theu div”)。该div包含一个无序列表,该列表中有5项

我如何向第三个列表项添加一个类,而没有任何列表项附加一个类

编辑:更好的是,如何更改列表项文本以使其等于数字元素


谢谢。

对于第一个问题,您可以使用基于0的:

$('ul li', '#thediv').eq(2).addClass('whatever'); // add class to 3rd item
对于第二个问题,可以使用遍历所有列表项。回调函数传递一个参数,该参数包含集合中当前元素的索引:

$('ul li', '#thediv').each(function(i) {
    $(this).text(i); // update each list item with its index, 0 based.
});

对于第一个问题,您可以使用基于0的:

$('ul li', '#thediv').eq(2).addClass('whatever'); // add class to 3rd item
对于第二个问题,可以使用遍历所有列表项。回调函数传递一个参数,该参数包含集合中当前元素的索引:

$('ul li', '#thediv').each(function(i) {
    $(this).text(i); // update each list item with its index, 0 based.
});
或者

您可以将选择器组合在一起-如果愿意:)


您可以将选择器组合在一起-如果您愿意:)

我认为这纯粹是偏好的问题。我发现那些长长的选择器字符串很难看,将它们分开会更清楚、更快地显示意图。首选项是的。。我发现它们通常有点类似于CSS,所以我更喜欢这种一致性……)我认为这纯粹是偏好的问题。我发现那些长长的选择器字符串很难看,将它们分开会更清楚、更快地显示意图。首选项是的。。我发现它们通常有点类似于CSS,所以我更喜欢这种一致性……)我会说.text(I)而不是.html(I)+1尽管如此,jQuery显然已经解决了这一问题,但这一点是正确的。编辑好了。阅读文档时,html()和text()之间的唯一区别是text()转义html。这在这里显然无关紧要。关于何时使用其中一种,是否有一些“最佳实践”?我觉得html()可能主要用于div,但这只是一种预感。我想说的是.text(I)而不是.html(I)+1尽管如此,jQuery显然已经解决了这一问题,但这一点是正确的。编辑好了。阅读文档时,html()和text()之间的唯一区别是text()转义html。这在这里显然无关紧要。关于何时使用其中一种,是否有一些“最佳实践”?我觉得html()可能主要用于div,但这只是一种预感。