主页 / 问题 / 1032078
Accepted
axmed2004
Asked:2020-10-07 21:10:26 +0000 UTC2020-10-07 21:10:26 +0000 UTC

js如何在没有jQuery的情况下从ul列表中克隆一些节点

  • 772

有一个 ul 有几个 li。我需要复制前 3 个并添加到另一个块

<ul>
    <li>текст</li>
    <li>текст</li>
    <li>текст</li>
    <li>текст</li>
    <li>текст</li>
    <li>текст</li>
    <li>текст</li>
</ul>

<ul id="otherBlock"></ul>

使用 jQuery 很容易：

$elems=$("选择器").slice(0,3).clone()

有纯js等价物吗？

javascript

1 个回答

  1. Best Answer

    例如像这样：

    var ulElem = document.querySelectorAll('ul:not([ id=otherBlock]) li');
var copyElem = [...ulElem].slice(0, 3);

copyElem.forEach(function(el) {
  document.getElementById('otherBlock').innerHTML += el.outerHTML;
});
    <ul>
    <li>текст1</li>
    <li>текст2</li>
    <li>текст3</li>
    <li>текст4</li>
    <li>текст5</li>
    <li>текст6</li>
    <li>текст7</li>
</ul>
Вывод:
<ul id="otherBlock"></ul>

    • 4

相关问题