javascript - JQuery:如何在html元素中创建单词列表？

Question

给定一个带有 b 元素的 HTML DOM 元素，例如:

<div>
  My <b>text</b> have some <b>words</b> or <b>groups of words</b> in <b>bold</b>. How to do a variable <b>list</b> with these texts ?
</div>

假设我们使用 JS 或 JQuery 来攻击此问题。

如何获取所有粗体单词的列表，如下所示:

var list = [ "text", "have some ", "words", "groups of words", "in","bold", "list" ,...];

我尝试了 .text() 和 .html() 但它不起作用，请参阅 http://jsfiddle.net/LF5dX/1/

JSfiddle 演示值得欣赏，因为与所有 future 的读者/用户更相关。

Answer 1

您可以使用.map()以及.text()和 .get()

var list = $('div b').map(function(){
    return $.trim($(this).text());
}).get()

演示:Fiddle