Jak uzyskać tekst przed danym elementem za pomocą jQuery?

Question

Rozważmy następujący kod html:

<p> 
    Some text followed by <span>a span element</span> 
    and another text followed by <b>a bold text</b>. 
</p> 

Jak mogę uzyskać tekst przed span i b elementów przy użyciu jQuery?

Próbowałem $("span").prev() i $("b").prev(), ale zadziałało, ponieważ tekst nie jest elementem. Próbowałem też $("span").parent(), ale pasował do całego akapitu, podczas gdy ja chcę tylko jego część.

Czy możesz doradzić jakiekolwiek rozwiązanie? Z góry dziękuję :-)

Answer 1

Jak o zbierając je do tablicy zamiast dwóch wezwań do $:

var texts = $('span, b').map(function(){ 
    return this.previousSibling.nodeValue 
}); 
texts[0]; // "Some text followed by " 
texts[1]; // " and another text followed by " 

Referencje:

• The previousSibling property
• jQuery.map

Answer 2

Obawiam się, że do tego celu należy użyć wyrażeń regularnych. W celu uzyskania tekst przed elementu przęsła użyć czegoś takiego:

var txt = $('span').parent().html(); 
var regex = /(.*)<span>/; 
txt = txt.match(regex)[1]; 

modyfikowanie regex, aby dopasować inne części łańcucha, jak również.

Answer 3

mam wymyślić następujące rozwiązanie:

var c = $("span").context.previousSibling; 
alert(c.data); 

Ale nie jestem pewien, jak bezpieczne jest korzystanie z różnych przeglądarek?

Answer 4

var textBefore = $('span')[0].previousSibling.nodeValue; 

Szukałem rozwiązania tego i byłem zdezorientowany, dlaczego musiałem mapować do tablicy. Kontekst nie działa dla mnie. W końcu zorientowałem się, jak to napisać.

To jest najbardziej podstawowe rozwiązanie. Umieszczenie [0] zamienia element na elementNode, który pozwala na wywołanie kodu previousSibling. Nie ma potrzeby wstawiania go do tablicy za pomocą funkcji mapy, chyba że jest to wygodniejsze.