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
});

Working Example

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

您的代码是正确的，并且值已设置为：）

jQuery .attr（）不设置自定义属性和值

1 个答案: