我有一个动态的项目列表,用于使用Ajax将信息发布到后端。
<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用户的页面)来发布文章。所以看起来是这样的:
$("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...
});
但是,在我的一生中,我无法找出如何从链接中提取隐藏输入字段的值。
我做错什么了?
更好的是,对于动态列表来说,这甚至是一种明智的方法吗?