jquery在两个元素之间改变文本 [英] Jquery change text between two elements

问题描述

我想使用JQuery在两个元素之间更改文本，但我没有任何想法！

例如：

 < input type ='checkbox'name ='ch1'> 
此文字必须更改！ 
< input type ='checkbox'name ='ch2'> 
  

另外，我无法控制这个Html代码，所以我不能添加任何ID或标记。

解决方案

您可以致电 contents（）在父元素上获取其子文本节点，然后使用使用 index（）切片（）来查找要删除的文本节点。从那里开始， 之后将允许您添加新内容：

  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（文字被改变了。）; 
  

您可以在这个小提琴。

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

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.

解决方案

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:

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.

这篇关于jquery在两个元素之间改变文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！