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/

<父>
<上一個></上一個>
<這個>
<孩子></孩子>
</這個>
<下一個></下一個>
</父>