javascript - 要素のリストを繰り返し処理し、内部テキストに基づいて要素のカーソル スタイルを削除する

Question

次の構造の div のリストがあります。ここで、テキストにはa.status-progress「進行中」または「開始されていません」と表示されます。

<div class="plan-section">
    <div class="tableView-row">
        <p class="plan-name">
            <a>some name</a>
         </p>
         <a class="status-progress">in progress</a>
     </div>
</div>
<!-- same structure as above but not expanded -->
<div class="plan-section"></div>
<div class="plan-section"></div>

それぞれに含まれるすべての<a>タグが<div>リンクとして機能します。私がやりたいのは、各 div をループし、a.progress「進行中」という文字列が含まれているかどうかを確認することです。そうでない場合は、cursor:pointercss プロパティと<a>タグに関連付けられているすべてのイベントを削除します。現在の私のjQueryの実装は次のとおりです。

// remove linking if plan is not joined
$('.status-progress').each(function(i){
    var planLinks = $('.status-progress, .plan-name a');
    var planStatus = $(this).text();
    if (planStatus === "in progress"){
            planLinks.css('cursor','pointer')
        }
    });

each()ただし、ロジックが間違っているか、後でコード ブロックに別のロジックを追加する必要があると思われるため、これは正しく機能していません。助けてくれてありがとう！

EDIT：ステータス進行のための適切なクラスを追加しました