jquery - 如何使用 jQuery 获取给定元素之前的文本？

Question

让我们考虑以下 html 代码:

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

如何使用 jQuery 获取 span 和 b 元素之前的文本？

我尝试了 $("span").prev() 和 $("b").prev() 但它确实有效，因为文本不是元素。我也尝试过 $("span").parent() 但它匹配整个段落，而我只想要它的一部分。

您能提供任何解决方案吗？预先感谢您:-)

Answer 1

如何将它们收集到一个数组中，而不是两次调用 $:

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

引用文献:

• The previousSibling property
• jQuery.map