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

JAVASCRIPT

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

Answer 2

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

现场演示

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

Answer 3

我相信你想要的prev不是next链接标签之前的输入。

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