jQueryで表の行を変更する

Question

私はいくつかのjQueryで修正したい小さなテーブルを持っています。静的HTMLのクラスを変更する機能がないため、jQueryを使用してすべての処理を行う必要があります。私は、class = xのtdが'48 Hour Hold 'と言っているのか、class = yのtdしかないのかを知りたいのですが、そのtrだけがUnavilableに変更されています。私は別のtrにあるものを除外する方法を知らない。

<table> 
    <tr> 
    <td class="x">48 Hour Hold</td> 
    <td class="y">Available</td> 
    </tr> 
    <tr> 
    <td class="x">Reference Desk</td> 
    <td class="y">Available</td> 
    </tr> 
</table> 

$(document).ready(function(){ 
    if($(".x:contains(48 Hour Hold)")){ 
    $(".y:contains(Available)").text('Unavailable'); 
    }; 
}) 

結果は、最終的には次のようになります。

<table> 
    <tr> 
    <td class="x">48 Hour Hold</td> 
    <td class="y">Unavailable</td> 
    </tr> 
    <tr> 
    <td class="x">Reference Desk</td> 
    <td class="y">Available</td> 
    </tr> 
</table> 

Answer 1

あなたはif条件を必要としない、あなただけの特定の文字列を含むすべての.xの要素を選択することができ、その後改訂

$('.x:contains("48 Hour Hold")').next('.y').text('Unavailable');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
    <td class="x">48 Hour Hold</td> 
 
    <td class="y">Available</td> 
 
    </tr> 
 
    <tr> 
 
    <td class="x">Reference Desk</td> 
 
    <td class="y">Available</td> 
 
    </tr> 
 
    <tr> 
 
    <td class="x">48 Hour Hold</td> 
 
    <td class="y">Available</td> 
 
    </tr> 
 
</table>

の next('.y')要素の