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

前端之家收集整理的这篇文章主要介绍了使用包含其他元素的td的jQuery替换td中的文本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的表格如下:
<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,www" type="hidden">
       </td>
   </tr>
</table>

我想仅更改文本8:点击APN并输入< 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());
    });
}

解决方法

在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.');

猜你在找的jQuery相关文章