Question

我正在尝试将li作为动态嵌套列表中的最后一项附加。我从mysql中获取列表并通过单击父ul来添加新列表项，然后使用该id作为父标识符附加新的子li。

$("#"+id).last("li:last").after(html);

无论我尝试什么，它仍然将它作为第一项而不是最后一项。有人有什么想法吗？

Answer 1

您可以通过几种不同的方式轻松完成此操作。这里有两个......

＆＃13;

var theHTML = '<li><strong style="color: red;">NEW</strong></li>';

// Add using insertAfter
$('#new').on('click', function() {
  $( theHTML ).insertAfter("#theList li:last");
});

//Add using append
$('#append').on('click', function() {
  $('#theList').append( theHTML );
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="new">Add Another After</button>
<button id="append">Append Another</button>
<ul id="theList">
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
</ul>

＆＃13;

尝试在嵌套的<ul>中追加<li>作为最后一个

1 个答案: