Использование 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 вставить таким образом, что если ДА, <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() Использование:

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

Это приведет:

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

Answer 2

prepend() должен выполнить работу. DEMO

В приведенном ниже примере, если .listing_detail ДИВ содержит класс да, он собирается перед именем проверка DIV в качестве первого ребенка в этом т.е. случае это будет PREPEND перед сильными.

$('.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: сделал ошибку с до/после