特定のテキストが存在する場合はクラスを追加してください

Question

私はこのサイトを初めて利用していて、jQueryを初めて使用しています。

私は完全なコードアクセス権がないため、jQueryを使用していくつかのビジュアルに影響を与える必要があります。

特定のテキストがある場合、ボタンの色を変更したい（追加のクラスを追加する）。これは私がこれまで行ってきたことです：

したがって、検証が行われると、基本的に検証には常に「必須」という単語が付きます。関連するページコードは次のとおりです。私が言ったように、私はこれを支配していないので、私は持っているものと仕事をしなければならない。

<a onclick="javascript:animatedcollapse.toggle('div2');"> 
    <div id="ccbutton" class="ccbutton">View text options</div> 
</a> 
<div id="div2" class="cccontent"> 
    <div id=DIV_10828 class='Form_Header'> 
    <p class='Form_Header'>Headers & body text </p> 
     <script language="javascript"> 
     FieldIDs["HeaderHeader"] = 10828; 
     </script> 
    <div class='validationError' style='display:none' id='VALID_VAR_10828'> 
    </div> 
    </div> 
    <div id=DIV_168 class=''> 
    <p class=''>Enter a header</p> 
    <p> 
     <textarea rows=2 id='FIELD_168' name='FIELD_168' style='width: 200px; '>The activity, event or service header can go here. </textarea> 
    </p> 
    <script language="javascript"> 
     FieldIDs["Header"] = 168; 
    </script> 
    <div class='validationError' style='display:none' id='VALID_VAR_168'>  
    </div> 
    </div> 
    <div id=DIV_264 class='Form_Normal'> 
    <p class='Form_Normal'>Enter a subheader</p> 
    <p> 
     <textarea rows=2 id='FIELD_264' name='FIELD_264' style='width: 200px; '></textarea> 
    </p> 
    <script language="javascript"> 
     FieldIDs["Description"] = 264; 
    </script> 
    <div class='validationError' id='VALID_VAR_264'>Required</div> 
    </div> 
</div> 

Answer 1

あなたの質問へのコメントと同じように、参照しようとしているIDとクラスは同じ要素です。私はそれに応じてあなたのセレクターを変更するスニペットを作った。

if ($('#VALID_VAR_264.validationError:contains("Required")').length > 0) { 
 
$("#ccbutton").addClass("thisClass"); 
 
}

#ccbutton{ 
 
    width: 100px; 
 
    height: 50px; 
 
} 
 
.thisClass{ 
 
    background-color: yellow; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a onclick="javascript:animatedcollapse.toggle('div2');"><div id="ccbutton" class="ccbutton">View text options</div></a><div id="div2" class="cccontent"><div id=DIV_10828 class='Form_Header'><p class='Form_Header'>Headers & body text </p> 
 
<div class='validationError' style='display:none' id='VALID_VAR_10828'></div> 
 
</div> 
 
<div id=DIV_168 class=''><p class=''>Enter a header</p><p><textarea rows=2 id='FIELD_168' name='FIELD_168' style='width: 200px; '>The activity, event or service header can go here. </textarea></p> 
 
<div class='validationError' style='display:none' id='VALID_VAR_168'>  
 
</div> 
 
</div> 
 
<div id=DIV_264 class='Form_Normal'><p class='Form_Normal'>Enter a subheader</p><p><textarea rows=2 id='FIELD_264' name='FIELD_264' style='width: 200px; '></textarea></p> 
 
<div class='validationError' id='VALID_VAR_264'>Required</div> 
 
</div>