JQuery改变表格单元格的内容答案

【问题标题】：JQuery changing content of table cellJQuery改变表格单元格的内容
【发布时间】：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";
    });
});

【讨论】：

【解决方案2】：

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

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

【讨论】：