如何从DOM中删除子元素时删除父元素?
问题描述:
脚本 $ scope。 removableElement = ['NAME','TITLE'];如何从DOM中删除子元素时删除父元素?
<div>
<h5>Name</h5>
<div><input type="text" ng-if="removableElement.indexOf('NAME')!=-1"/></div>
<div><input type="text" ng-if="removableElement.indexOf('TITLE')!=-1"/></div>
</div>
<div>
<h5>Adress</h5>
<div><input type="text" ng-if="removableElement.indexOf('STATE')!=-1"/></div>
<div><input type="text" ng-if="removableElement.indexOf('CITY')!=-1"/></div>
</div>
由于,removableElement阵列不包含 “STATE” 以及含有这些元素 “CITY”, 'DIV' 应被删除。请建议。
答
首先做检查。找出关系,父母对孩子强,但孩子对父母是弱关系。
Option 1 (much slower):
var myNode = document.getElementById("foo");
myNode.innerHTML = '';
Option 2 (much faster):
var myNode = document.getElementById("foo");
while (myNode.firstChild) {
myNode.removeChild(myNode.firstChild);
}
你应该使用'NG-hide'我guesss –
使用[德摩根定律(https://en.wikipedia.org/wiki/De_Morgan%27s_laws) - 的否定一个连接是否定的分离。或者更加非正式地(!a &&!b)==!(a || b) – georgeawg