javascript - 检查 span 元素是否包含 "text"并且是父元素的最后一个子元素

Question

我正在循环属于 "frag" 类的 span 元素。我想检测 Frag 元素当前是否位于

1. 其父类的类名带有“cond”并且
2. 父级包含文本“if”或“else if”并且
3. 当前碎片是符合第 1 号和第 2 号资格的父级的最后一个子级

(顺便说一句，我的系统就像一个代码编辑器，所以我使用的是 contenteditable div)在这里，我想检测 b 上的 im 是否符合 no.1,2 和 3 的条件。

contenteditable div(文本区域)

if( (b>3) && b<10)

我所做的不介意循环。我不知道如何构造条件。

if( $('.frag').eq(ctr).parent().hasClass('cond') && /(?:if|else\s+if)/g.test$('.frag').eq(ctr).text() && $('.frag').eq(ctr).lastChildOfParent ) 

HTML

<div id="board">
  <div>
  <span class="frag cond">if <span class="openParen bm1">(</span> <span class="frag cond">(<span class="frag">b</span>&gt;3) </span> && <span class="frag">b</span>&lt;10 <span class="closeParen bm1">)</span></span>
  </div>
</div>

更新1:为(和)添加了span-wrap。这使得)成为最后一个 child 。

更新2:我所说的 parent 是指，它可以是直系 parent 、祖 parent 或曾祖 parent 。这样，contenteditable div 内的文本就不会出现问题，例如 if( (b>3) && ((c>1)||(b<10)) )

因为当我在最后一个 b 的片段中时，我不会在我的直接父级 (b<10) 中找到“if”或“else if”

Answer 1

测试是否是最后一个 child

$('.frag').eq(ctr).is(function(){
    var $this = $(this), fragsibs = $this.siblings('.frag').addBack();
    return fragsibs.last().is(this) && /^(if|else \s+if)/.test($this.text())
});