如何从标签<a>'s操作数据

how to get information from tag <a>'s action-data?

本文关键字：操作 操作数 数据 gt 标签 lt      更新时间：2023-09-26

我想把一些信息放在a href的"动作数据"中，比如：

 <a href=# action-data="userid={{g.user._id}}&amp;messageid={{message._id}}" id=reply >reply</a>

但是如何获得userid&messageid返回到Javascript代码？

<script type=text/javascript>
$(function () {
    $('a#reply').bind('click', function () {
        $.getJSON($SCRIPT_ROOT + '/_get_replies', {
            messageid: ??????How to get messageid from href action-data?
            userid: ??????How to get userid from href action-data?
        }, function (data) {
        $('#replies').text(data.result)
        });
        return false;
    });
});

以不同方式存储：

<a href="#"data-userid="{{g.user._id}}" data-messageid="{{message._id}}" id="reply">reply</a>

jQuery可以得到这样的结果：

 var messageId = $('#reply').data('messageid');

此外，点击事件可以短得多：

$('a#reply').click(function(){
});

ps：记住要使用引号，因为在href和id 中没有这样做

如果控制标记，则应在属性前加data-，而不是在属性后加-data。此外，似乎每个属性都有一个属性更容易，而不是解析，所以为什么不呢：

<a href=# data-userid="{{g.user._id}}" data-messageid="{{ message._id }}" id=reply>

然后您可以使用jQuery data:

var userid = $("a#reply").data("userid"),
    messageid = $("a#reply").data("messageid");

我还推荐其他回答者关于使用不同标记的建议。但是，如果不能更改标记，则可以解析如下参数：

...
$('a#reply').click(function() {
    // parse the 'action-data' attribute of the link
    var actionData = $(this).attr('action-data');
    var params = {};
    $.each(actionData.split("&"), function(index, data) {
        var keyValue = data.split("=");
        params[keyValue[0]] = keyValue[1];
    });
    // now you can use params.userid and params.messageid
    ...
相关文章：