将循环控件添加到下一个lastChild元素

时间:2017-07-20 20:27:41

标签: javascript jquery html parent-child

这是我的想法:

view.text1.setText("bannoe it")

每次运行循环时我都需要添加lastChild,因为我需要知道最后一个容器的最后一个子节点。 我知道添加var add = document.getElementById('div'); while(add.childElementCount>0){ add+='.lastChild'; if(typeof add.childElementCount === 'undefined'){ add.appendChild(myNewChild); break; } } 不收取任何指令是因为它不是属性而是字符串但是如何添加不动产... 我希望它被理解,我会用真实的声明替换add+='.lastChild';,这个添加属性。

1 个答案:

答案 0 :(得分:0)

  

每次运行循环时我都需要添加lastChild,因为我需要知道最后一个容器的最后一个子进程。

您可以使用:last-child CSS pseudoselector



// Directly from MDN

li:last-child {
  background-color: lime;
}

<ul>
  <li>This item is not limed.</li>
  <li>Also not this one.</li>
  <li>This item is! :)</li>
</ul>
&#13;
&#13;
&#13;

如果您出于某种原因需要在JavaScript中查找,您仍然可以使用

let item = parent_element.querySelector(':last-child');

,如

&#13;
&#13;
console.dir(document.querySelector('li:last-child'));
&#13;
li:last-child {
  background-color: lime;
}
&#13;
<ul>
  <li>This item is not limed.</li>
  <li>Also not this one.</li>
  <li>This is the last child li!</li>
</ul>
&#13;
&#13;
&#13;