AJAXを使用してバックエンドに情報をPOSTするために使用されるアイテムの動的リストがあります。
<a href="...">Item 1</a>
<a href="...">Item 2</a>
<a href="...">.....</a>
<a href="...">Item n</a>
ハンドラーを簡単に割り当てることができるように(cssクラスを使用して)、アイテムのIDを知ることができるように(非表示フィールドを使用して)、各アイテムにcssクラスと非表示の入力を含めることにしました。
<a href="..." class="recorditem"><input type="hidden" value="1" name="ItemID"/>Item 1</a>
<a href="..." class="recorditem"><input type="hidden" value="2" name="ItemID"/>Item 2</a>
...
<a href="..." class="recorditem"><input type="hidden" value="n" name="ItemID"/>Item n</a>
次に、jQueryを使用して、リンクのクリック(javascript以外のユーザーのページに移動します)をインターセプトしてPOSTを実行します。したがって、次のようになります。
$("a.recorditem").click(function(){
//get the item ID
var itemID = $(this + " :input[name='ItemID']").val(); <-- PROBLEM
//build a form dynamically - omitted for readability
var formToAdd = "<input type='text'.... "
//etc etc...
});
ただし、私は一生の間、内部のリンクから非表示の入力フィールドの値を抽出する方法を理解できません。
私は間違って何をしていますか? さらに良いことに、これは動的リストに対してこれを行うための賢い方法でさえありますか?