Question

我需要在使用JQuery或JS的元素之前插入一段HTML。需要插入的HTML就像这个"</ul><ul class="list-inline item">"一样。

所以，我正在做的是：

$('.element').before('</ul><ul class="list-inline item">');

问题是JQuery没有像我编写的那样完全插入HTML，而是在元素之前创建一个元素，这是一个预期的行为，但不是我在这种情况下需要的。

我想要做的是完全插入那条HTML。

在JQUERY或普通JS中有没有办法做到这一点？

编辑：

我认为，一旦HTML构建DOM，我就无法操纵它，而是作为元素和对象。我想要做的是将ul列表拆分为两个。拥有10个元素的ul，我想用两个ul转换它，每个元素包含5个元素，前五个li元素和第二个5 li元素。如何实现这一点的任何想法？

Thnks

Answer 1

根据您的评论，您希望将无序的元素列表拆分为两个包含五个元素的列表。

你可以这样做：

$('li').unwrap();
$('li:lt(5)').wrapAll('<ul>');
$('li:gt(4)').wrapAll('<ul>');

<强> jsFiddle example

那将转换为：

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
    <li>10</li>
</ul>

进入这个：

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>
<ul>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
    <li>10</li>
</ul>

通过JQuery在元素之后插入纯HTML

1 个答案: