特定文字が含まれる場合にクラスを追加したい

以下のHTML内であいうえおと書かれている場合に
EventMenu400というクラスを追加したいです。
どうすればよいでしょうか

html
1<div class="eventInner">
2	<li>
3		<span>
4			<a class="event" href="#">
5				<span style="white-space:nowrap;"></span>
6				<span class=Event2">あいうえお</span>
7			</a>
8		</span>
9	</li>
10</div>

javascript
1var txt = "あいうえお";
2$(".eventInner span:contains(" + txt + ")").addClass('EventMenu400');

yambejp

2021/04/26 02:58

構造上Event2以外もその上位のaやspan、li divすべてがあいうえおを含んでいますがどういう切り分けをしたいのでしょうか？

hati3693

2021/04/26 03:04

Event2のテキスト以外すべて同じブロックが複数ありましてそれの中身によって色などを変更したかったのですが構造上無理そうでしたら諦めます…。

行動規範の内容に同意します

回答1件

ベストアンサー

spanの直下にあるテキストノードの値が「あいうえお」のもの・・・
というロジックでよいのでしょうか？

javascript
1$(function(){
2  var txt = "あいうえお";
3  var a=$('.eventInner span').contents().filter(function(){
4    return $(this).text()==txt;
5  }).parent().filter('span').addClass('hoge');
6});