javascript - 使用 jQuery 只查找头等舱

Question

在下面的标记中，我想找到 只有第一个 类 .hide 的元素并通过单击 .add a 更改它的类>。

但我无法找到类(class)。

<div class="field">default</div>
<div class="field hide">find this 1</div>
<div class="field hide">and then this 2</div>
<div class="field hide">and then this 3 </div>
<div class="field hide">and then this 4</div>
<div class="field add"><a>Add more</a></div>

这是我正在尝试的:

$('.add a').click(function(e) {
    e.preventDefault();                     
    $(this).parent().siblings().find(".hide").removeClass("hide").addClass("show");
});

JSFiddle: http://jsfiddle.net/ok38wrnt/

Answer 1

使用索引为 0 的 :eq 选择器只定位第一个元素:

$(this).parent().siblings(".hide:eq(0)")

Working Demo