javascript - 使用javascript显示具有唯一id的html标签标签中数组中的文本

Question

我是 JavaScript 新手， 我有以下 html 代码:

<form role="form" >       
<label for="element1" id="element1_label"></label>
<input type="text" id="element1" />

<label for="element2" id="element2_label"></label>
<input type="text" id="element2" name="element2">

<label for="element3" id="element3_label"></label>
<input type="number" id="element3" name="element3s">

<button type="submit" >submit</button>

我想通过以下 JavaScript 代码显示 options 数组中的一些文本:

       var piced = 'opt';
        var options = {
            opt: {
                element1_label: "text1",
                element2_label: "text2",
                element3_label: "text3",
            },
            newopt: {
                element1_label: "new text1",
                element2_label: "new text2",
                element3_label: "new text3",
            }
        };

        jQuery('label').each(function()
        {
            jQuery(this).innerText = options[piced][jQuery(this).attr('id')];

        });

我想在每个html标签中显示piced数组的索引值。 例如:

<label for="element1" id="element1"> text1 </label>
<input type="text" id="element1" />

<label for="element2" id="element2"> text2 </label>
<input type="text" id="element2" name="element2">

但是这段代码没有改变标签标签的文本。有什么问题吗？

Answer 1

innerText 是一种 native 属性，而不是 jQuery 属性。 jQ 的等价物是 text() 方法。更改为:

 jQuery(this).text(options[piced][jQuery(this).attr('id')]);

或(从 jQuery 堆栈检索 native 元素引用)

jQuery(this)[0].innerText = options[piced][jQuery(this).attr('id')];