0

contenteditable 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)
4

1 に答える 1

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

これがフィドルです:http://jsfiddle.net/8n5ZR/


より jQuery っぽい方法が必要な場合は、これを使用します。

var text = $('#board').text();
于 2013-09-02T21:59:06.790 に答える