html data-属性的应用

47 阅读1分钟

在ajax方式操作数据的时候,我们经常需要取到操作元素的ID数据或者其他属性,可以直接在DOM元素上添加data-属性,然后用jquery的data方法取值。实例如下:

1.文章管理页面删除按钮需要获取文章ID(TP6环境下)

<div class="article_row_e">修改 | <a class="a_article_delete" data-id="{$vo.id}">删除</a></div>

2.jquery获取数据

//删除文章
    $(".a_article_delete").click(
        function(){
            let id = $(this).data('id');//注意这里直接写id,不需要首字母大写
            alert(id);
        }
    )