動態添加jQuery的&& Asp.net應用

Question

我有一個asp.net應用程序中的列表中，我有這樣的代碼：

<div class="divpere" > 
             <div class="divfille1" ><label> Métier</label></div> 
             <div class="divfille2" > 
              <input type="text" name="nom" id="Text1" value="" runat="server" /> 
              <asp:Button ID="addjob" Text="Ajouter" runat ="server"/> 
             </div> 
             </div> 
             <br /> <br /> 

            <h4>Mes métiers</h4> 
            <br /> 

         <div class="widgetcontent bordered"> 
          <div class="row-fluid"> 
           <div class="span3 profile-left"> 
           <ul class="taglist" id="mess" runat="server"> 
            <li><a href="">HTML5 <span class="icon-remove"></span></a></li> 
            <li><a href="">CSS <span class="icon-remove"></span></a></li> 
            <li><a href="">PHP <span class="icon-remove"></span></a></li> 
            <li><a href="">jQuery <span class="icon-remove"></span></a></li> 
            <li><a href="">Java <span class="icon-remove"></span></a></li> 
            <li><a href="">GWT <span class="icon-remove"></span></a></li> 
            <li><a href="">CodeNgniter <span class="icon-remove"></span></a></li> 
            <li><a href="">Bootstrap <span class="icon-remove"></span></a></li> 
           </ul> 
         </div></div></div> 

與此腳本：

jQuery(document).ready(function() { 
      jQuery('.taglist a').click(function() { 
       return false; 
      }); 
      jQuery('.taglist a span').click(function() { 
       jQuery(this).parent().remove(); 
       return false; 
      }); 
      jQuery('#addjob').click(function() { 
       // 
      }); 
     }); 

結果：

我想完成腳本添加點擊事件到bouton添加一個新的元素ul列表與at itle作爲輸入內容

• 我該怎麼做？
• 什麼是最好的方法？

感謝，

Answer 1

有了方法append()您可以添加到您的ul新li元素

試試這個：當你之後，如果你想添加動態元素

jQuery('#addjob').click(function() { 
    $('.taglist').append('<li><a href="">' + $('#Text1').val() + '<span class="icon-remove"></span></a></li>'); 
}); 

射擊它你需要改變你以前的代碼，例如：

 jQuery(document).on('click', '.taglist a', function() { 
      return false; 
     }); 
     jQuery(document).on('click', '.taglist a span', function() { 
      jQuery(this).parent().remove(); 
      return false; 
     });