문자열 문장과 요소에 대한 각 단어,하지만이 문제에 약간의 초보자를 느낄 수있어

Question

일부 스팬이있다 ...

좋아,이 예제를 직면 :

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

I 배열에 각 단어를 동적으로 배치해야하지만 순서를 유지해야합니다. 뭔가 같은 :

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

내 원래 생각은하지만, 내가 제대로에 어떤 자바 스크립트/jQuery를 방법을 확인할 수 없습니다, 모두 병합 후 다른 배열로 범위가없는 배열에 모든 스팬, 모든 단어를 얻고,했다 스팬없이 단어를 배열로 모으십시오.

나는 뭔가를 놓치고 있다고 확신합니다. 어떤 아이디어?

감사합니다.

Answer 1

스팬으로 인해 지저분 해집니다. 스팬을 공간으로 바꾸고 공간으로 나눕니다. 그것은 일반 JS 가능한을 사용하는 것이 가장 좋습니다 동안

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

어떤 부모 노드를 사용, 그것은 안정적으로 HTML을 구문 분석하려고하는 불쾌한 일이기도하다 . jQ는 이미 여기에서 사용 중이기 때문에 $ .fn.text()를 계속 사용합니다.

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