JQ实现ul子节点的增加删除

2019独角兽企业重金招聘Python工程师标准>>>

    <div class="example">
        <ul id="list" class="list">
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
        </ul>
        <input id="tex" type="text" />
        <input id="btn" type="button" value="操作"/>
    </div>

<script type="text/javascript">
    $("#btn").click(function(){
        var isTrue = true;
        $("ul.list li").each(function(){
          var va = $("#tex").val();
          var gro = $(this).text();
          if(va == gro){
                $(this).remove();
                isTrue = false;
                //alert("111");
            }
        });
        if(isTrue){
            $("ul.list").append("<li>"+$("#tex").val()+"</li>");
        }
    });

</script>

转载于:https://my.oschina.net/guoxin2014/blog/314044