8

jQuery を使用して入力フィールドに値を追加したいと考えています。問題は、入力フィールドの ID にあります。などのIDを使用していoptions[input2]ます。その場合、私のコードは機能しません。のような ID を使用するとinput2、正常に動作します。を使用する必要がありoptions[input2]ます。コードを修正するにはどうすればよいですか?

HTML:

<div>
    <h3>Working</h3>
    <input id="input1" type="text" value="" />
    <input class="button" type="button" value="Add value" />
</div>

<div>
    <h3>Not working</h3>
    <input id="options[input2]" type="text" value="" />
    <input class="button" type="button" value="Add value" />
</div>

jQuery:

$('.button').click(function(){
    var fieldID = $(this).prev().attr("id");
    $('#' + fieldID).val("hello world");
});

デモ：

http://jsfiddle.net/4XR8M/

4

5 に答える 5

23

以下のようにできます。

$(this).prev('input').val("hello world");

ライブデモ

于 2013-09-06T10:15:03.077 に答える
3

簡単に使用できます

 $(this).prev().val("hello world");

JSFiddleデモ

于 2013-09-06T10:15:57.920 に答える