在元素后面的段落中获取文本

Question

我想用jQuery在段落中获取文本。 但只是href元素之后的文本。

<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.

<a href="#" class="read_more">Lorem ipsum</a> 

Aliquam efficitur elit quis lacus interdum, a eleifend mauris maximus.</p>

结果是：

  

Aliquam efficitur elit quis lacus interdum，eleifend mauris maximus。

有人有想法吗？

Answer 1

将其包裹在一个范围内，然后获取它。

<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.

<a href="#" class="read_more">Lorem ipsum</a> 

<span class="desired_text">Aliquam efficitur elit quis lacus interdum, a eleifend mauris maximus.</span>

</p>

然后，使用text()

$(".desired_text").text()

更新。

如果你无法修改你的HTML，那么只需

 $(".text").text().split(" ")[1]

Answer 2

这是我所知道的最简单的解决方案。

$("#main_div")
  .clone()    //clone the element
  .children() //select all the children
  .remove()   //remove all the children
  .end()  //again go back to selected element
  .text();

Answer 3

我就这么做了

$( "p.text" ).contents().filter(function(){
    return this.nodeType !== 1;
  }).wrap( "<span></span>" );

$( ".read_more_a").next();

Answer 4

如果你不想像在@levi中那样在span中包装文本，你也可以使用它： -

var text = $(".text").html();
var txt = text.substring(text.indexOf("/a>")+3);