點擊一個鏈接

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

您可以使用jQuery的prev()方法來找到錨的點擊前一個元素，

Live Demo

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

Answer 2

JAVASCRIPT

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

Answer 3

我相信你想要的是prev而不是next，因爲輸入位於鏈接標記之前。

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