Jqueryを使用してテキストに基づいてdivを動的に追加する

Question

親divのテキストに基づいてdivを動的に追加しようとしています。

私のHTMLは次のとおりです。

<div class="listing_detail col-md-4"><strong>Living Room:</strong> Yes</div> 
<div class="listing_detail col-md-4"><strong>Kitchen:</strong> No</div> 

だから私はdiv要素がYESの場合、<div class="fa fa-check"></div>は右<strong>前と何<div class="fa fa-cross"></div>を追加すべきではない場合は追加する必要があることなどを挿入することにしたいです。

以下のjQueryを使用して、<div class="listing_detail col-md-4">にクラスを追加することができましたが、divを追加する方法はわかりません。

のjQuery：

$('.listing_detail:contains("Yes")').closest('.listing_detail').addClass('yes'); 

Fiddle

Answer 1

使用.prepend()：

<div class="listing_detail col-md-4"><div class="fa fa-check"></div><strong>Living Room:</strong> Yes</div> 

Answer 2

0：

$('.listing_detail:contains("Yes")').prepend('<div class="fa fa-check"></div>'); 

これはにつながりますは作業を行う必要があります。 .listing_detailのdivは、クラスが含まれている場合は、以下の例ではDEMO

は、はい、それは強いの前に付加します。この場合、その最初の子すなわちとしてつもり先頭に追加のdivチェックです。

$('.listing_detail:contains("Yes")').prepend('<div class="fa fa-check"></div>'); 

Answer 3

のjQueryを使用し.prepend()

$('.listing_detail:contains("Yes")').closest('.listing_detail').addClass('yes').prepend('<div class="fa fa-check"><input type="checkbox"> Check me</div>'); 

Fiddle

EDIT：前/