小编典典

将数据传递给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");

我希望能够传递多个信息

谢谢。杰克


阅读 273

收藏
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