我想动态更新元素的文本:
<div>
**text to change**
<someChild>
text that should not change
</someChild>
<someChild>
text that should not change
</someChild>
</div>
Run Code Online (Sandbox Code Playgroud)
我是jQuery的新手,所以这个任务对我来说似乎很有挑战性.有人可以指向我使用的功能/选择器吗?
如果可能的话,我想在不添加新容器的情况下执行此操作,以便我需要更改.
我有以下HTML代码段:
<span class="target">Change me <a class="changeme" href="#">now</a></span>
Run Code Online (Sandbox Code Playgroud)
我想从jQuery中更改跨度内的文本节点(即"更改我"),同时保留嵌套<a>标签的所有属性等等.我最初的抱怨是.text(...)在span节点上使用,但事实证明这将用传递的文本内容替换整个内部部分.
我解决了这个问题,首先克隆了<a>标签,然后设置了新的文本内容<span>(将删除原始<a>标签),最后将克隆的<a>标签附加到我的标签上<span>.这样可行,但对于像这样的简单任务感觉有点过分.顺便说一句.我不能保证跨度内会有一个初始文本节点 - 它可能是空的,就像:
<span class="target"><a class="changeme" href="#">now</a></span>
Run Code Online (Sandbox Code Playgroud)
我也做了一个jsfiddle.那么,这样做的巧妙方法是什么?