Jquery在两个元素之间更改文本

Question

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

例如:

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

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

Answer 1

您可以在父元素上调用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.");

你可以用这个小提琴来测试它.