0

给定一个 HTML 无序列表

<ul id = "master_key_list">
  <li id="master_key_23" class="available_element">Fix the Peanut Butter</li>
  <li id="master_key_24" class="available_element">Focus on Price Sensitivity</li>
  <li id="master_key_25" class="available_element" >Focus on Messaging</li>
  <li id="master_key_26" class="available_element">Create Growth and Retention Funnels</li>
  <li id="new_bp_element_element" class="available_element">Additional Best Practice?</li>
</ul>

如何在最后一个列表元素之前添加另一个列表元素？

我试过了

$("#master_key_list li:last").before("<li />").append(appendString);

whereappendString是一个有效的串联 HTML 文本。然而，这一切所做的只是覆盖最后一个列表元素文本，而不是实际插入它。

4

3 回答 3

1 
$("<li>new text</li>").insertBefore($("#master_key_list li:last"));

演示

于 2013-08-28T02:39:38.463 回答
0

您正在插入一个新的列表项，但文本改变了原来的li选择。

而不是使用append，使用insertBefore：

$("<li />", { text: appendString }).insertBefore("#master_key_list :last-child");

这是小提琴：http: //jsfiddle.net/4GhbW/

于 2013-08-28T02:34:20.393 回答
0

我想你需要的是

$('<li />', {
    text: appendString
}).insertBefore('#master_key_list li:last')
于 2013-08-28T02:37:50.097 回答