使用jquery如果DIV的内容为空，我怎么能删除它？

Question

我正在寻找一种方法来使用jquery删除以下空div。

有时输出以下div而不包含内容。 出于显示原因，我需要在空的时候将其删除。

<div class="field-group-format group_call_to_action_aside div group-call-to-action-aside box yellow speed-fast effect-none"></div>

思考？

我一直在尝试以下和它的变化，但没有运气。

Answer 1

这是有效的， 假设您没有要保留的其他div.group_call_to_action_aside ：

if ($('.group_call_to_action_aside').is(':empty')) { 
    $('.group_call_to_action_aside').remove();
} 

注意：我已经设计了div ，所以在js生效之前你可以看到它的短暂闪现。 但是当你这样做时你不会看到这个，因为div是空的。 ;-)

http://jsfiddle.net/jasongennaro/L8dwn/

编辑

是的，根据你的意见，你也可以这样做

$('.group_call_to_action_aside:empty').remove();

http://jsfiddle.net/jasongennaro/L8dwn/1/

Answer 2

要删除id等于removeme的元素：

$("#removeme").remove();

要删除id等于removeme的元素，只有它是空的：

$("#removeme:empty").remove();

要删除所有空<div> ：

$("div:empty").remove();

编辑：如果它不是空的，但有空格：

if($.trim($("#removeme").text()) == "") {
  $("#removeme").remove();
}

参考： 使用jquery删除没有子节点的div