Как захватить контент

Question

У меня есть такой узел HTML:

<div id='parent'>
   <a href="#">test</a>
   Need this
</div>

Как получить текст «Нужен этот», если у меня есть дескриптор для объекта parent? Я пробовал что-то вроде: $('#parent').text(), но он также возвращает 'test'.

---

p.s. Ничего о редактировании HTML! У меня просто есть такой контент, и мне нужно его проанализировать.

Answer 1

var temp = $('#parent').clone();
temp.children().remove();
alert(temp.text());

рабочий пример: http://jsfiddle.net/hunter/H6jQp/

Answer 2

Если вы знаете, что текстовое содержимое всегда является последним содержимым в div, вы можете сделать:

$('#parent').contents().last().text();

для этой разметки:

<div id='parent'>
   <a href="#">test</a>
   Need this
</div>

Возвращает: Нужно это

Образец: http://jsfiddle.net/64RVf/

Answer 3

var $text = $("#parent").contents().filter(function(){ return this.nodeType != 1; });
alert($text.text());

Кажется, чтобы сделать трюк. ( jsFiddle )

Answer 4

это должно сделать это:

$('a').click(function(){
   alert($(this).parent().clone().find('a').remove().end().text());
});

вот скрипка: http://jsfiddle.net/RTqyy/

вероятно, не самый лучший способ, я бы обернул этот текст в div, span или p. но это сработает.