如何在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>");