在范围内获取文本

Getting the text inside a range of span

本文关键字：取文本 获取 范围内      更新时间：2023-09-26

我的内容可编辑div中有文本，如下所示：

int main(){
    if( (x>1) && (x<10) )
       statement;
}

它的HTML是这样的：

<div id="board">
   <div>int main<span class="openParen bm1">(</span><span class="closeParen bm1">)</span>{</div>
   <div>if<span class="openParen bm2">(</span> <span class="openParen bm3">(<span>x>1<span class="closeParen bm3">)</span> && <span class="openParen bm4">(</span>x<10<span class="closeParen bm4">)</span> <span class="closeParen bm2">)</span></div>
   <div>statement;</div>
   <div>}</div>
</div>

我在每行每列循环的部分（基于该行中的字符数）

for(loop for each row){
   for(loop for each character of each 
  //on the part where the kword_search has found 'if'row 
  //therefore im on the 2nd row at the 2nd character(disregarding whitespace)  
     if( /'s+if$/.test(kword_search){
      //How will i get the text within bm2, bm3 and bm4?
     }
   }
}

我将如何获得bm2、bm3和bm4中的文本我想访问这些文本，以便将它们存储到像这样的数组中

array[0] = $('.bm2').text(); //((x>1) && (x<10))
array[1] = $('.bm3').text(); //(x>1)
array[2] = $('.bm4').text(); //(x<10)

var text = document.getElementById('board').textContent;

小提琴在这儿：http://jsfiddle.net/8n5ZR/

如果你想要一个更像jQuery的方式，可以使用这个：

var text = $('#board').text();
相关文章：