jQuery追加不在双HTML中工作

时间:2016-01-22 08:10:53

标签: jquery

我有一个包含两个步骤的代码。以下声明:

第1步:如果<span id="test"></span>没有文字,那么id='parent'将被删除$("#parent").Remove();

第2步:如果id="container"没有文字,那么id="container"将使用此代码$("#container").append("NO DATA");自动生成文字无数据

在Atep 1工作得很好。但是在这第2步没有工作。 我还必须将append()替换为html()并且无法正常工作。 解决方案是什么?

我的代码:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id='container'>

<div id='parent'>
<b>Age:</b> <span id='test'></span>
</div>

</div>

<script>
if($("#test").html()==""){
$("#parent").remove();
}

if($("#container").html()==""){
$("#container").append("NO DATA");
}
</script>

1 个答案:

答案 0 :(得分:0)

您的容器中留下了空白,因此$.trim()不为空,您需要使用if($("#test").html()==""){ $("#parent").remove(); } if($.trim($("#container").html())==""){ $("#container").append("NO DATA"); }删除左侧空格。这是jsFIddle给你的。

&#13;
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='container'>

<div id='parent'>
<b>Age:</b> <span id='test'></span>
</div>

</div>
&#13;
awk 'sub(/([^ ]+[ ]+){4}[^ ]+[ ]/,"") && !a[$0]++'  ~/.bash_eternal_history
&#13;
&#13;
&#13;