jQuery $(this).val返回0

Question

我有一个这样的简单列表:

<ul id="large_box_custom_list">
<li id="8" class="large_box">Item 1</li>
<li id="13" class="large_box">Item 2</li>
</ul>

然后我有一个像这样的jQuery函数:

$(function() { 
$('li.large_box').css('cursor', 'pointer')
.click(function() {
    var show_id = $(this).val();
    alert(show_id);
    });
});

当我单击列表项时,当我期望值为8或13时,我的alery显示值为0.

Answer 1

因为您应该使用标准DOM元素id属性.jQuery的.val()方法与元素的ID 无关.

$('li.large_box').css('cursor', 'pointer').click(function ()
{
    var show_id = this.id;
    alert(show_id);
});