在字符串中找到標籤的位置javascript

Question

在此先感謝。我遇到了一個問題。我有這樣一個字符串

var string = "This is where <span>I got stuck</span> and I am <span>clueless</span> can anyone <span>help please</span> "; 

我想知道span標記在字符串中出現的位置。在示例字符串中，我在第3個單詞之後有一個span標籤，第9個單詞之後有一個，第12個單詞之後有一個。所以結果數組將會是[3,9,12]。請幫幫我。

編輯另外，除了上面的數組之外，我還可以在每個span標籤內有多少個單詞嗎？

Answer 1

正如你所標記的JavaScript/jQuery的，一種方法是使用.each()和split()

var string = "This is where <span>I got stuck</span> and I am <span>clueless</span> can anyone <span>help please</span> "; 

//Count position 
var pos = []; 
string.split(' ').forEach(function(val,i){ 
    if(val.indexOf('<span>') > -1){ 
     pos.push(i) 
    } 
}); 

//Count words inside each `<span>` 
var wordCount = $('<div/>').html(string).find('span').map(function(){ 
    return this.innerText.split(' ').length 
}) 
console.log(wordCount) 

Demo

Answer 2

可以使用正則表達式像這樣的檢查字符串：

var string = "This is where <span>I got stuck</span> and I am <span>clueless</span> can anyone <span>help please</span> "; 
var regex = /<span>/gi, result, indices = []; 
while ((result = regex.exec(string))) { 
    console.log(result.index); 
} 

這將打印您的標籤<span>的每一個位置。你可以修改While的代碼，它應該完成剩下的工作。 :-)

Answer 3

我認爲你正在尋找這個

var string = "This is where <span>I got stuck</span> and I am <span>clueless</span> can anyone <span>help please</span> "; 

var prevPos = 0; 

var pos = []; 
var words = []; 
string.split(' ').forEach(function(val,i){ 
    if(val.indexOf('<span>') > -1){ 
     pos.push(i); 
     var wordsCount = i - prevPos; 
     prevPos = i; 
     words.push(wordsCount); 

    } 
}); 

console.log(pos); 
console.log(words); 

Answer 4

您可以使用：

var string = "This is where <span>I got stuck</span> and I am <span>clueless</span> can anyone <span>help please</span> "; 

var arr = string.split(/[\s>]+/); 

var posn = []; 
for(var p=-1; (p=arr.indexOf('<span', p+1)) >= 0;) 
    posn.push(p) 

//=> [3, 10, 14]