如何在ul中通过jquery添加列表项？

Question

    <ul id="content">
        <li>
            <label  class="desc">Album Title:</label>
            <div>
              <input type="text"  class="field text full required" name="album[title]" id="album_title"  />
                <?php echo form_error('album[title]', '<label class="error">', '</label>'); ?>
            </div>
        </li>
        <li>
            <label  class="desc">Image</label>
            <div>
            <input type="file">&nbsp;&nbsp;
            <a href="" id="add_row"><img src="<?php echo base_url(); ?>skin/images/add.png" /></a>
            </div>
        </li>
        <li class="buttons">
                <button id="saveForm" class="ui-state-default ui-corner-all" value="Submit" type="submit">Add</button>
        </li>   
   </ul>

我想在最后<li>之前添加新的<li>以添加动态图片字段（通过jquery）。

提前致谢 Loganphp

Answer 1

您可以尝试使用jQuery insertBefore() method。

$('<li><input type="image" /></li>').insertBefore($('.buttons'));

Answer 2

试试这个

$('#content li').last().insertBefore("<li></li>");

通过这种方式，你可以在最后一个李之前追加许多李

<强>更新 你也可以用这个

$('#content li:last').insertBefore("<li></li>");