特定のclassを含む親要素にclassを追加したい

Question

特定のclassを含む親要素にclassを追加したいです。

具体的には、下記のように「hoge_child」という要素を含む親要素にのみ「hoge」クラスを追加したいです。

■処理前

<div>
<p></p>
<span></span>
<div class="hoge_child"></div>
</div>

<div>
<p></p>
<div></div>
</div>

<div>
<p class="hoge_child"></p>
<div></div>
</div>

<div>
<p></p>
<span></span>
</div>

■処理後

<div class="hoge">
<p></p>
<span></span>
<div class="hoge_child"></div>
</div>

<div>
<p></p>
<div></div>
</div>

<div class="hoge">
<p class="hoge_child"></p>
<div></div>
</div>

<div>
<p></p>
<span></span>
</div>

上記htmlは動的に書き出され、「hoge_child」の入るセレクタは限定されておらず、かつ並び順もバラバラです。

以上を踏まえた上でご教授いただければ幸いです。

Answer 1

$(".hoge_child").parent('div').addClass('hoge');

Comments

[castail]

ご回答ありがとうございます。

ご教授頂いた内容で実現できました！
大変助かりました。お礼申し上げます。

Answer 2

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(function() {
	$('.hoge_child').parent('div')
		.css({'background': '#f00'})
		.addClass('hoge');
});
</script>

Comments

[castail]

ご回答ありがとうございます。

せっかくご回答頂いたのに恐縮ですが、今回は先にご回答頂いた「Kosuke_Shibuya」さんをベストアンサーとさせて頂きます。