我如何获得文本所属的跨度类ID？

HTML(内容可编辑的div)

<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>

我对行使用 xloop，对每行内的字符使用 yloop。

1.) 我怎样才能得到span class第二个的((xloop:1 yloop:7) w/c 是bm2?

2.) 我怎样才能得到span之间bm2，我将循环它们中的每一个并将跨度的文本存储在数组中

JS

for( var x=0; x<$('#board > div ').size(); x++ ){
    var inlineDiv_num_text = $('#board > div ').eq(x).text();
    for( var y=0; y<$('#board > div ').eq(x).text().length; y++){

         kword_search = kword_search + inlineDiv_num_text.charAt(y);
         // i will detect the target paren here
          if(/(if|while|for)\s*\($/.test(kword_search)){
            //know w/c span the ( belongs to
            //get the bm span inside of it
         }
    }
}

目标：存储bm数组内的分组

 array[0] = ( (x>1) && (x<10) )
 array[1] = (x>1)
 array[2] = (x<10)

我相信这回答了您的第一个问题和第二个问题。

它为您提供“bm2”类的“openParen”和“closeParen”内的跨度，并将文本存储在数组中。 （这仅捕获括号，因为只有括号位于跨度内。）

var open = $('span[class="openParen bm2"]')
var spans = open.nextUntil('span[class="closeParen bm2"]')
var inside = []
$.each(spans, function(i, span){
    inside.push($(span).html())
})
alert(inside.join('-'))

这里的例子：jsFiddle http://jsfiddle.net/vKxhR/3/

EDIT

不确定你将如何“在跨度标签之间”执行操作，我首先获取父 div 元素的 html，并使用正则表达式传递跨度：

var allcontent = $('span[class="openParen bm2"]').parent().html()
var betweenSpan = allcontent.split(/<span class="openParen bm2">[^<]*<\/span>|<span class="closeParen bm2">[^<]*<\/span>/)[1]
var valuesArray = betweenSpan.split(/<[^>]*>/)

为您提供 js 数组：

[" ", "(", "x>1", ")", " && ", "(", "x<10", ")", " "]

这里的例子：jsFiddle http://jsfiddle.net/vKxhR/4/

绝对不漂亮。

更好的解决方案是重新考虑 html 标签的结构（即将您想要捕获的值放入某些标签中！）

无论如何，够了，我就交给你了。