在jquery javascript中选择第n个孩子答案

【问题标题】：Select nth child in jquery javascript在jquery javascript中选择第n个孩子
【发布时间】：2012-07-22 00:42:23
【问题描述】：

像这样选择第n个孩子我想选择第二个孩子。

$(this).prev().children[1].removeClass("necry").addClass("necry_er");

还有这个 HTML

<div class="reg_label">
    <div class="def">Family</div>
    <div class="necry">Necessary Field</div>
    <div class="clear">&nbsp;</div>
</div>

我期待这个结果：

<div class="necry_er">Necessary Field</div>

【问题讨论】：

【解决方案1】：

使用eq() 将一组匹配的元素减少到指定索引处的元素。

$(this).prev().children().eq(1).removeClass("necry").addClass("necry_er");

还有一个:nth-child 选择器：

$('#elementID:nth-child(2)').doSomething();

只交换你可以做的两个类：

$('.necry').toggleClass('necry necry_er');

究竟如何找到你想要的元素有点难说，因为没有解释this是什么或它在什么上下文中？

【讨论】：

【解决方案2】：

这样的事情呢？

var nec = $(this).parent().find(".necry");
nec.removeClass("necry");
nec.addClass("necry_er");

【讨论】：