指定のタグの中にある文字列と一致した時にクラス名を追加したい

Question

<li>の中にある「りんご」と一致した場合に<table>にclass="contract"を追加したいのですが、JSがわかりません。

HTML

URL「/bk12345-1018/」の場合
<ul>
	<li>もも</li>
	<li class="context">りんご</li>
	<li>みかん</li>
</ul>
<table>
	<tbody>
		<tr>
			…省略…
		</tr>
	</tbody>
</table>

URL「/bk67891-1018/」の場合
<ul>
	<li>もも</li>
	<li class="context">キウイ</li>
	<li>みかん</li>
</ul>
<table>
	<tbody>
		<tr>
			…省略…
		</tr>
	</tbody>
</table>

JS

$(window).bind("load", function(){
	if(document.URL.match(/bk/)) {
		if($("ul li:contains('りんご')")) {

			$('table').addClass('contract');

		}
	}
});

これだと、両方のページにある<table>に「contract」が追加されてしまいます。
URL「/bk12345-1018/」のりんごにのみ「contract」を追加するにはどのようなJSのコードを入れるといいのでしょうか。
URLの数字はランダムに複数あり、その中にも「りんご」もしくは「キウイ」があります。

私はJSについては全くの無知なので、教えていただけると大変助かります。

よろしくお願いします。

Answer 1

        if($("ul li:contains('りんご')")) {

を下記に修正

        if($("ul li:contains('りんご')").length) {

他にもいろいろ方法はあるので、下記リンクをご参考に。
DOMの存在確認する方法で処理速度の速いコードは？ - Qiita

Comments

[Ra_haduki]

教えてくださりありがとうございます！
理想の動きが出来ました！
「length」というものを調べてみると文字数を取得出来たり他にもさまざまな使い方ができそうですね。
勉強になりました。リンク先も参考にしたいと思います。

この度は誠にありがとうございました！