JQuery改变表格单元格的内容

Posted 2023-05-07

【中文标题】JQuery改变表格单元格的内容

【英文标题】：JQuery changing content of table cell

【发布时间】：2012-03-13 18:20:49

【问题描述】：

好的，这是一个尴尬简单的问题。为什么以下 jQuery 示例不起作用？显然它应该将表中的'a'更改为'hello'。

html 代码：

    <table id='table1'>
      <tr>
          <td>a</td>
          <td>b</td>
      </tr>
    </table>​

javascript (JQuery) 代码：

    $("#table1 td:contains('a')").innerHTML="hello";

【参考方案1】：

像这样使用html函数

 $("#table1 td:contains('a')").html("hallo");

如果你想使用innerHTML（是DOM方法，不是Jquery方法），你必须先选择DOMElement。

jQuery(document).ready(function()
    $("#table1 td:contains('a')").each(function()
    jQuery(this)[0].innerHTML = "Hallo";
    );
);

【讨论】：

@user1069609 看看我回答的第二部分

【参考方案2】：

它不起作用，因为innertHTML 是 DOM 元素的属性，而不是 jQuery 对象的属性。你想要的

$("#table1 td:contains('a')").html("hello");