javascript - 最後の位置の次のリスト要素を挿入する

Question

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);

ここappendStringで、連結された有効な HTML テキストです。ただし、これは最後のリスト要素テキストを実際に挿入するのではなく、上書きするだけです。

Answer 1

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

デモ

Answer 2

新しいリスト アイテムを挿入しようとしていますが、テキストによって選択された元のアイテムが変更されていliます。

を使用する代わりに、次をappend使用しますinsertBefore。

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

これがフィドルです：http://jsfiddle.net/4GhbW/

Answer 3

必要なのは

$('<li />', {
    text: appendString
}).insertBefore('#master_key_list li:last')