2012-02-23 104 views
4

好的,這是一個尷尬簡單的問題。爲什麼下面的jQuery示例沒有工作?顯然它應該將表中的'a'改爲'hello'。JQuery更改表格單元格的內容

HTML代碼:

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

的JavaScript(JQuery的)代碼:

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

回答

7

使用這樣

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

的HTML功能,如果你想使用innerHTML(是一個DOM方法,而不是Jquery方法),您必須先選擇DOMElement。

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

謝謝。但爲什麼innerHTML不起作用? – user1069609 2012-02-23 10:50:09

+0

@ user1069609看我的回答第二部分 – silly 2012-02-23 10:55:15

+0

再次感謝,現在很清楚。 – user1069609 2012-02-23 11:01:12

3

它不起作用,因爲innertHTML是一個DOM元素的屬性,而不是jQuery對象的。你想

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

確實!謝謝! – user1069609 2012-02-23 11:02:32

相關問題