单独从一个字符串句子元素的每个字，但也有一些跨度

Question

我觉得这个问题有点新手...

好，面临着这样的例子：

<h1>A<span>really</span>long<span>sentence</span></h1> 

我需要动态地将每个单词放在一个数组中，但是我需要保持顺序。喜欢的东西：

var words = ['A','really','long','sentence']; 

我最初的想法是让没有涉及所有跨越到一个数组，所有的话到另一个数组，然后合并这两个，但是，我没有看到任何的JavaScript/jQuery的方法正确将没有跨度的单词收集到一个数组中。

我确定我错过了一些东西。有任何想法吗？

谢谢

Answer 1

跨度使它变得凌乱;你已经把跨度变成了空间，然后在空间上分开。

var array = $('h1').html().replace(/\<\/*span\>/g,' ').split(' '); 

Answer 2

function wordgrab(node){ 
    var A= []; 
    if(node){ 
     node= node.firstChild; 
     while(node!= null){ 
      if(node.nodeType== 3){ 
       if(/[a-zA-Z]/.test(node.data)){ 
        A= A.concat(node.data.split(/\s+/)); 
       } 
      } 
      else A= A.concat(wordgrab(node)); 
      node= node.nextSibling; 
     } 
    } 
    return A; 
} 

wordgrab（document.body的）//使用任何父节点

Answer 3

虽然它始终是最好使用纯JS如果可能的话，也尽量可靠地解析HTML一个讨厌的事情。由于jQ已经在这里使用，我坚持使用$ .fn.text（）：

var a = $('<h1>A <span>really</span> long <span>sentence</span></h1>').text().split(/\W+/);