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 () {
              //
            });
        });

结果是：

我想完成脚本以将click事件添加到bouton中，该列表将新元素ul添加到列表中，并将标题作为输入内容

我该怎么做？
最好的方法是什么？

谢谢，

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

动态添加到Jquery＆amp;＆amp ;;中的列表Asp.net应用程序

1 个答案: