将数据传递给jQuery click()函数

Question

我有一个简单的跨度

<span class="action removeAction">Remove</span>

此跨度位于表格内,每行都有一个删除范围.

然后,当点击该跨度时,我使用AJAX调用URL.AJAX事件需要知道该行的对象的ID吗？将该ID放入点击功能的最佳方法是什么？

我以为我可以做这样的事情

<span class="action removeAction" id="1">Remove</span>

但ID不应该以数字开头？对？然后我想我能做到

<span class="action removeAction" id="my1">Remove</span>

然后从ID中删除"我的"部分,但这似乎只是Yuk!

下面是我的点击事件和我的AJAX事件.

<script type="text/javascript" language="text/javascript">

$(document).ready(function()
{

    $(".removeAction").click(function()
    {
        //AJAX here that needs to know the ID            
    }
});

</script>

我相信有一个很好的方法吗？

注意:我不是在寻找

$(this).attr("id");

我希望能够传递多条信息

谢谢.杰克.

Answer 1

如果您坚持使用旧式HTML 4.01或XHTML:

$('.removeAction').click(function() {
 // Don’t do anything crazy like `$(this).attr('id')`.
 // You can get the `id` attribute value by simply accessing the property:
 this.id;
 // If you’re prefixing it with 'my' to validate as HTML 4.01, you can get just the ID like this:
 this.id.replace('my', '');
});

顺便说一句,在HTML5中,该id属性可以以数字开头,甚至是一些.

再说一次,如果你还在使用HTML5,你可能最好使用自定义数据属性,如下所示:

<span class="action removeAction" data-id="1">Remove</span>