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>则添加。{/ p>

使用下面的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包含类yes，它将 prepend div check作为其第一个孩子，即在这种情况下它将在强者之前提前。

$('.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

编辑：在之前/之后犯了错误

使用Jquery根据文本动态添加div

3 个答案: