I want to change text between two elements using JQuery, but I don't have any idea !

我想使用JQuery在两个元素之间更改文本,但我不知道!

for example:

<input type='checkbox' name='ch1'>
    This text must be changed !!!
<input type='checkbox' name='ch2'>

Also, I don't have any control over this Html code, so I can't add any IDs or tags.

另外,我对此Html代码没有任何控制权,因此我无法添加任何ID或标记。

8 个解决方案

#1


15

You can call contents() on the parent element to obtain its child text nodes, then use slice() with index() to locate the text nodes you want to remove. From there on, after() will allow you to add the new content:

您可以在父元素上调用contents()以获取其子文本节点,然后使用带有index()的slice()来定位要删除的文本节点。从那里开始,after()将允许您添加新内容:

var ch1 = $("input:checkbox[name=ch1]"),
    ch2 = $("input:checkbox[name=ch2]"),
    contents = ch1.parent().contents();
contents.slice(contents.index(ch1) + 1, contents.index(ch2)).remove();
ch1.after("The text was changed.");

You can test it in this fiddle.

你可以在这个小提琴中测试它。

更多相关文章

  1. 使用下一个div中的文本设置“下一个”按钮的文本
  2. HTML基础 img标签alt属性 当图片加载失败的时候显示为文本
  3. 【WEB基础】HTML & CSS 基础入门(3)段落及文本
  4. 为什么v-align中的将文本放在图像下面
  5. 如何在窗体上布局文本和输入以适应特定的宽度?
  6. 如何使用JavaScript修改基于onclick的文本?
  7. 去除Chrome浏览器文本框边缘的黄线
  8. 如何设置div的样式以使其与文本一起运行?
  9. 用正则表达式剔除文本里面HTML标记

随机推荐

  1. 5个小技巧彻底搞懂JVM内存模型【针对3年
  2. 【前端词典】Vue 响应式原理其实很好懂
  3. 华为HCIA-传输介质简介
  4. 【前端词典】实现 Canvas 下雪背景引发的
  5. 【前端词典】从 returnWeekday() 谈 if()
  6. MySQL 5.7 vs 8.0,哪个性能更牛?网友吵开了
  7. 勿忘初心
  8. GMT UTC CST ISO 夏令时 时间戳,都是些什
  9. 【前端词典】4 种滚动吸顶实现方式的比较
  10. FAlinux06密码破解