從動態列表中提取信息以使用jQuery發佈？

我有一個項目的動態列表，將用於POST信息後端使用AJAX。從動態列表中提取信息以使用jQuery發佈？

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

我已經決定要包括CSS類，並在每個項目上，這樣我可以輕鬆地分配處理程序（使用CSS類）一個隱藏的輸入，這樣我可以（通過了解該項目的ID隱藏的領域）。

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

除了我不能爲我的生活弄清楚如何從鏈接中提取隱藏輸入字段的值。

我在做什麼不正確？ 更好的是，這是一個很好的方式來做到這一點的動態列表？

來源

2009-09-02 MunkiPhD

不知道隱藏的輸入是否在錨（W3c）中有效...從未嘗試過。

是否follwoing工作

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

來源

2009-09-02 20:06:20 redsquare

它的工作原理。我也不確定它是否在錨內有效。（我只是在記事本上寫一些粗略的測試）。有沒有更好的方法來處理這種情況，如在哪裏可以放置我需要的物品的ID？ – MunkiPhD 2009-09-02 20:10:20

您可以在錨本身上使用html5數據屬性 – redsquare 2009-09-02 20:17:03

請參閱http://ejohn.org/blog/html-5-data-attributes/瞭解更多信息 – redsquare 2009-09-02 20:17:33

從動態列表中提取信息以使用jQuery發佈？

回答

相關問題