jquery - jqueryでID値を使用して入力フィールドの値を変更できない

Question

入力フィールドの値を変更したいと思います。何回か繰り返して入力タグの id 値を取得します。次に、val() を使用して値を指定しました。しかし、それは機能していません。

私のHTMLは

<input type="text" id="shipping:firstname" name="billing[firstname]" value=""/>

私のjQueryは

$(window).ready(function(){
var text_to_get='firstname';
var targetID = '#shipping['+text_to_get+']';
$(targetID).val("10");
});

jsFiddle は次の場所にあります:こちら

あなたの助けを待っています！

Answer 1

これを試して：

var text_to_get = 'firstname';
var targetID = '#shipping\\:' + text_to_get;
$(targetID).val("10");

コンソールに次のようなエラーが表示されるため、:targetID でこれをエスケープする必要があります。

構文エラー、認識できない式: サポートされていない疑似: 名

Answer 2

$(window).ready(function(){
    var text_to_get='firstname';
    var targetID = '#shipping\\:'+text_to_get;
    $(targetID).val("10");
});

http://jsfiddle.net/sBqxp/1/

コロン文字をエスケープするには "\\" を使用し
ますが、id や名前などにコロンを付けるのは良くないと思います (camelCase 表記を使用します: id="shippingFirtName")

ref: コロンを含む ID を選択する Jquery

Answer 3

どうぞ！！

    $(document).ready(function(){
      var text_to_get='firstname';
      var targetID = '#shipping:['+text_to_get+']';
      $(targetID).val("10"); 
    });