استخراج المعلومات من القائمة الديناميكية إلى النشر مع jQuery؟

Question

لدي قائمة ديناميكية من العناصر التي سيتم استخدامها لنشر المعلومات إلى الواجهة الخلفية باستخدام AJAX.

<a href="...">Item 1</a>
<a href="...">Item 2</a>
<a href="...">.....</a>
<a href="...">Item n</a>

لقد قررت تضمين فئة CSS وإدخال مخفي على كل عنصر حتى أتمكن من تعيين المعالج بسهولة (باستخدام فئة 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) للقيام بنشر. لذلك سيبدو مثل هذا:

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

باستثناء ، لا يمكنني معرفة كيفية استخراج قيمة حقل الإدخال المخفي من الرابط داخل.

ماذا أفعل بشكل غير صحيح؟ والأفضل من ذلك ، هل هذه طريقة ذكية للقيام بذلك للحصول على قائمة ديناميكية؟

Answer 1

لست متأكدًا مما إذا كان الإدخال المخفي صالحًا في مرساة (W3C) ... لم يحاول ذلك أبدًا.

هل عمل follwoing

var itemID = $(this).children().eq(0).val();