jquery - 使用包含其他元素的 td 的 jQuery 替换 td 中的文本

Question

我的表格如下:

<table id='demoTable'>
   <tr>
       <td>8: Tap on APN and Enter <B>www</B>.
           <INPUT id=h150000000000000109743 class=hid value="test value" type=hidden>
           <INPUT id=h250000000000000109743 class=hid1 value="26,222,98,10,50000000000000109744,T,~25,221,99,10,,T,www" type="hidden">
       </td>
   </tr>
</table>

我只想更改文本 8: Tap on APN and Enter <B>www</B>.
不影响隐藏字段

我正在尝试 jQuery 但没有找到解决方案

function changeText() {
    $("#demoTable td").each(function () {
        for (var i = 0; i < $(this).children.length; i++) {
            alert($(this).children(i).val());
        }
        // alert($(this).html());
        // $(this).text("hello");
        // alert($(this).html());
    });
}

Answer 1

在 jquery 中使用文本节点是一项特别微妙的工作，大多数操作都完全跳过它们。

与其经历仔细避免错误节点的麻烦，不如将需要替换的任何内容包裹在 <span> 中。例如:

<td><span class="replaceme">8: Tap on APN and Enter <B>www</B>.</span></td>

然后:

$('.replaceme').html('Whatever <b>HTML</b> you want here.');