将数据传递给jQuery click（）函数

小编典典

将数据传递给jQuery click（）函数

ajax

我有一个简单的跨度

<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中删除“我的”部分，但这似乎很Yu！

以下是我的点击事件以及我的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");

我希望能够传递多个信息

谢谢。杰克

阅读 275

2020-07-26

共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>

2020-07-26