Извлечение информации из динамического списка для публикации с помощью jQuery?

Question

У меня есть динамический список элементов, которые будут использоваться для отправки информации POST на серверную часть с использованием 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), чтобы выполнить 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...
    });

За исключением того, что я не могу хоть убей понять, как извлечь значение скрытого поля ввода из внутренней ссылки.

Что я делаю неправильно? А еще лучше: разумный ли это способ сделать это для динамического списка?

Answer 1

Не уверен, что скрытый ввод действителен в привязке (W3c)... никогда не пробовал.

Работает ли следующее

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