javascript - span 要素に「テキスト」が含まれていて、親要素の最後の子であるかどうかを確認します

Question

"frag"クラスに属するスパン要素をループしています。Frag要素が現在あるかどうかを検出したかった

1. クラス名に「cond」を含む親を持ち、 かつ
2. その親に「if」または「else if」というテキストが含まれる AND
3. 現在のフラグは、1 番と 2 番で修飾された親の最後の子です。

(ちなみに私のシステムはコードエディターのようなものなので、contenteditable div を使用しています) ここで、im がbno.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>

UPDATE1( :およびのスパンラップを追加しました)。これにより)、最後の子が作成されます。

UPDATE2 : 親について私が意味するのは、それは直接の親、祖父母、またはグランドグランドグランドペアレントである可能性があるということです。if( (b>3) && ((c>1)||(b<10)) ) のような contenteditable div 内のテキストに問題がないように

最後のフラグメントにいるときb、直接の親に「if」または「else if」が見つからないためです（b <10）