jquery - 单击链接时查找壁橱输入的值

Question

我有一组文本输入，每个输入的右侧都有一个链接

<p><input type="text" name="color[]" value="orange" /> <a href="#" class="show-color">color</a><br />
<input type="text" name="color[]" value="purple" /> <a href="#" class="show-color">color</a><br />
<input type="text" name="color[]" value="blue" /> <a href="#" class="show-color">color</a></p>

我想使用 jQuery 找出我单击的链接旁边的输入字段的值，感谢任何帮助。

Answer 1

您可以使用 prev() jquery 在点击 anchor 时查找前一个元素的方法，

Live Demo

$('.show-color').click(function(){
    alert($(this).prev().val());
});