【问题标题】:add li to middle of the ul (jquery)将 li 添加到 ul 的中间(jquery)
【发布时间】:2011-01-17 03:52:54
【问题描述】:

如何将 li 添加到 ul 的中间。

例如,如果我有这样的列表:

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>

我想在第三个列表之后添加 addiion li (&lt;li&gt;new&lt;/li&gt;)?

【问题讨论】:

  • 为什么你还没有接受这个问题的答案?

标签: jquery css html-lists


【解决方案1】:
var middle = Math.ceil($("#myUL li").length / 2);
$("#myUL li:nth-child(" + middle + ")").after('<li>Item New</li>');

【讨论】:

  • 中间应该是 Math.ceil($("#myUL").children("li").length / 2);因为我们可能会遇到嵌套列表。 2 美分
【解决方案2】:

试试这个:

$('ul li:nth-child(3)').after('<li>new</li>');

【讨论】:

  • 这假定 li 项的数量是固定的……最好使用 Aquino 解决方案。无论如何谢谢:)
【解决方案3】:

试试这个:

$('ul li:eq(2)').after(`<li>new</li>`)

在大括号中使用 ' 或 " 我使用了 `,因为它被格式化为 html。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-08-21
    • 2014-09-01
    • 2011-03-01
    • 2023-03-10
    • 1970-01-01
    • 1970-01-01
    • 2018-03-15
    • 1970-01-01
    相关资源
    最近更新 更多