jquery - 使用 JQuery 替换整个表格行(包括 <tr></tr>)

标签 jquery

我在这里查看了其他示例,但它们似乎正在替换 <tr> 的内容而不是包括 <tr> 在内的整行.

<table>
    <tr style="display:block">
        <td id="someid">Test</td>
        <td>Some text</td>
    </tr>
</table>

下面的代码似乎只是替换了<tr>的innerHTML 。我需要更换所有内容,包括 <tr>这样行就会塌陷。任何人都可以确认此代码是否完全替换了该行:

var newtr = "<tr style='display:none'><td id='someid'></td><td></td></tr>"
$("td#someid").parent().html(newtr);

我之所以不认为整个<tr>被替换是因为该行没有折叠 - 尽管我已经在 J​​Query 之外测试了 HTML 并且它工作正常。

最佳答案

你就快到了,只需使用 jQuery replaceWith[jQuery docs]功能:

$("td#someid").parent().replaceWith(newtr);

关于jquery - 使用 JQuery 替换整个表格行(包括 <tr></tr>),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11206355/

相关文章:

javascript - Fullcalendar,防止用户选择多日事件

jquery - Fancybox iframe 说我的 YouTube href 未定义

jquery - 从 jQuery 1.4 升级到 1.5 后,发布数据被覆盖

jquery - 如何计算包含标签的文本区域中的字符数

jquery - 如何在页面右侧的 Facebook 新闻提要中的图像旁边立即创建新的 div?

javascript - 复选框更改事件触发另一个必填字段

javascript - 如何制作带有可点击区域的州 map

javascript - 当我从脚本创建视频时,向视频添加更多属性

javascript - 创建一个 div 表格

javascript - 加快 iFrame 加载速度以避免验证错误