如何使用jquery更新标签标签

Question

我有以下 HTML：

<div id="myDiv">
  <table id="tbl0">
    <tr id="tr0" style="display: none;">
      <td>
        <label id="lbl0"></label>
      </td>
    </tr>
    <tr id="tr1" style="display: none;">
      <td>
        <label id="lbl1"></label>
      </td>
    </tr>
    <tr id="tr2" style="display: none;">
      <td>
        <label id="lbl2"></label>
      </td>
    </tr>
  </table>
</div>

和以下 jquery 将一行设置为可见并用一些文本更新（但失败）标签标记。

var myStr = $(this).text();
var myArr = myStr.split(',');

$.each(myArr, function (i) {

  // This part works just fine
  var tr = $('#myDiv').find("#tr" + i);
  tr.css('display', 'inline');

  // The label is found, but I can't get jquery to update the text of
  // ...it no matter what I try
  var lbl = tr.find("lbl" + i);

  lbl.val('hello world'); // doesn't work
  lbl.text('hello world'); // doesn't work
  lbl.html('hello world'); // doesn't work

});

那么我在这里做错了什么？

Answer 1

试试这个...

var lbl = tr.find("#lbl" + i);

您正在尝试选择一个 标记，该标记显然不存在，

请使用 # 指定要搜索的 id。

Answer 2

你对找到的标签是错误的，你需要使用#来指定它是一个id：

var lbl = tr.find("#lbl" + i);

两者：

lbl.text('hello world');
lbl.html('hello world');

都是设置标签文本的正确方法，我更喜欢。 html() 因为它不解析 htmlspecialchars 中的字符串，所以可能会稍微快一些。

Answer 3

错误在这一行：

var lbl = tr.find("#lbl" + i);

您忘记了 # 符号，因为您正在按 ID 查找。

Answer 4

我偶然发现了这个线程，虽然它帮助我走向正确的方向，但一旦我通过在标签元素上设置 innerHTML 属性找到我的标签，我就能够解决一些不同的问题。我正在使用 jQuery。

var labels = document.getElementsByClassName('someclassname');

$(labels).each(function (index, element) {    
    element.innerHTML = 'hello world';
});