javascript - 在 Javascript 函数中使用元素 attr

Question

在一个页面中，我调用外部js文件，它包含一个字典。我想用元素文本的属性替换它们。

<p data-text="dict.dataP"></p>
<p data-text="dict.data.P2"></p>

我想用外部文件字典填充它

var dict = {
    "dataP1": "this is my p text",
    "data" : {
         "p2": "my another paragraph"
    },

};

我尝试这样使用

$.each(function () {
    if ($(this).attr("data-text").length > 0) {
        $(this).html(
        $(this).attr('data-text') /*we got a problem here. it returns string*/ );
    }
});

代码写在这里: codepen.io

JSF 在这里 jsfiddle.net

我该怎么做？

编辑过的字典。我们字典里有字典。

Answer 1

为了访问数据属性，请使用:

$(this).data('text');

文本是属性声明中连字符后面的部分。