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

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

JAVASCRIPT

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

Answer 2

您可以使用prev() jquery方法在点击锚点时找到上一个元素，

<强> Live Demo

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

Answer 3

我相信您想要的是prev而非next，因为输入位于链接标记之前。

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