jQuery：按类名获取最接近的元素？

Question

我试图通过点击来显示和隐藏不同的元素。

我需要按类名获取最接近的元素，以便稍后显示并隐藏它们。

目前我不明白为什么我的代码找不到最接近的元素，因此无法隐藏或显示它。

为了解释这一点，我创建了这个FIDDLE

这是我的代码：

$(document).on('click', '.addons',function(e){

    $(this).hide();

    $(this).closest(".newClass").show();

});

有人可以就此问题提出建议吗？

Answer 1

您不希望closest，您需要next。 closest向父母移动，直到找到使用该选择器的元素。 next获取DOM中的下一个元素。

http://jsfiddle.net/mh211ngy/1/

＆LT亲本GT;
＆lt;上＆GT;＆LT; /预防＆GT;
＆LT;的此＆GT;
＆LT;子＆GT;＆LT; /儿童＆GT;
＆LT; /的此＆GT;
＆LT;下一个＆GT;＆LT; /下一＆GT;
＆LT; /亲本GT;