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

ジャバスクリプト

$('.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());
});