JQuery modifies table cell contents

Question

Ok, this is an awkwardly simple question. Why doesn't the following jQuery example work? Obviously, it is assumed that “a” in the table will be “hello”.

HTML code:

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

JavaScript Code (jQuery):

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

Answer 1

use html function like this

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

if you want to use innerHTML (this is the DOM method, not the JQuery Method), you need to select DOMElement first.

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

Answer 2

This does not work because innertHTML is a property of the DOM element, not the jQuery object. Do you want to

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