JQuery 改变表格单元格的内容

发布于 2025-01-08 13:52:54 字数 384 浏览 0 评论 0原文

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

HTML 代码:

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

JavaScript (JQuery) 代码:

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

OK, this is an embarrassingly simple question. Why doesn't the following jQuery example work? Obviously it is supposed to change the 'a' in the table to 'hello'.

HTML code:

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

JavaScript (JQuery) code:

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

抚笙 2025-01-15 13:52:54

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

use the html function like this

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

if you want use innerHTML (is a DOM method, not a Jquery Method), you have to select the DOMElement first.

jQuery(document).ready(function(){
    $("#table1 td:contains('a')").each(function(){
    jQuery(this)[0].innerHTML = "Hallo";
    });
});
药祭#氼 2025-01-15 13:52:54

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

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

It doesn't work because innertHTML is a property of a DOM element and not of the jQuery object. You want

$("#table1 td:contains('a')").html("hello");  
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文