jquery - 使用自定义属性有效吗？

Question

我想取消任何链接并为每个链接添加额外的属性。以下是我是如何做到这一点的。

function anularEnlaces(){
    $('nav a').each(function(){
        var href = $(this).attr('href');
        var id = $(this).attr('id');
        $(this).attr('href','javascript:void(0)');
        $(this).attr('hrefnot',href);
        $(this).attr('nivel','uno');
        $(this).attr('seccion','dos');
    });
}

我的问题是，这是添加自定义属性的有效/推荐方式吗？

Answer 1

不是那样的。如果您使用的是 HTML5 文档类型，则可以使用新的 data-*属性，然后使用 jQuery data方法:

$(this).data("hrefnot", href);

和 HTML:

<a href="somewhere.html" data-hrefnot="something">A link</a>

如果您最初不需要在标签上存储数据，那么您是否使用 HTML5 文档类型都没有关系(jQuery 的 data 方法仍然有效)。