jquery - jQuery .attr() 不设置自定义属性和值

Question

我只是通过以下方式在 document.ready 函数中设置自定义属性：

$(document).ready(function(){
    $("div.para, pre.screen, div.figure, pre.programlisting").attr("data-test-ID", "hello");
});

当我重新加载 HTML 并查看源代码时，任何地方都没有此类属性的踪迹。有任何想法吗？我真的坚持这一点，无法弄清楚。

Answer 1

这实际上可行，您必须查看 DOM（文档对象模型），因为 javascript 所做的任何更改都不会直接编辑页面源。源将始终与服务器发送的完全相同。

$(document).ready(function(){
    $("div.para, pre.screen, div.figure, pre.programlisting").attr("data-test-ID", "hello");
    $("#result").text("para contains :" + $("div.para").attr("data-test-ID"));//view value
});

工作示例

使用 Chrome 或 Firefox，右键单击元素并单击检查元素以查看 DOM 为元素设置的值

您的代码是正确的，并且该值实际上已设置:)