JQuery改变表格单元格的内容

时间:2012-02-23 10:45:34

标签: jquery html-table cell innerhtml

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

HTML code:

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

JavaScript(JQuery)代码:

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

2 个答案:

答案 0 :(得分:8)

使用像这样的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";
    });
});

答案 1 :(得分:3)

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

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