Получить текст внутри абзаца после элемента

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 Элит Quis Lacus interdum, A 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() 

UPDATE.

Если вы не можете изменить ваш 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 ответ: -

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