Question

我有一个代码可以删除文本框中的＆＃39; - ＆＃39;单击按钮

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
    var i=1;
    var id=1,text;
    text = '<li id="input_'+id+'" ><input type="text"/> <button id="btn2">-</button> </li>';
    $("#ok").click(function(){
        var number = document.getElementById("num").value;
        //alert(number);
        for(var $j=i; $j<= number; $j++){
            $("ol").append(text);
            id++;i++;
        }
    });
    $("#btn1").click(function(){
        $("ol").append(text);
        id++;i++;
    });

    $('.divi').on('click','#btn2',function(){
        //alert(id);
        var parent=$(this).parent().prev().attr("id");
        //alert(parent);
        var parent_im=$(this).parent().attr("id");
        //alert(parent_im);
        $("#"+parent_im).slideUp('medium',function(){
            $("#"+parent_im).remove();
        });
    });
});
</script>
</head>

<body>
<input type="number" id="num" autofocus="true"></input>
<button id="ok">OK</button>
<br/><br/>
<button id="btn1">+</button>
<div class="divi">
<ol>
</ol>
</div>
</body>

</html>

无论哪个＆＃39; - ＆＃39;单击，第一个框被删除。我想删除那个＆＃39; - ＆＃39;按钮被放置。任何人都可以帮我这样做。提前谢谢

修改：如何点击按钮旁边的按钮删除最后一行（文本框和＆＃39; - ＆＃39;按钮） +＆＃39;即，

<button id="btn1">+</button>
<button id="btndel">-</button>

Answer 1

使用此： DEMO

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
    var i=1;
    var id=1,text;
    text = '<li id="input_'+id+'" ><input type="text"/> <button class="btn2">-</button> </li>';
    $("#ok").click(function(){
        var number = document.getElementById("num").value;
        //alert(number);
        for(var $j=i; $j<= number; $j++){
            $("ol").append(text);
            id++;i++;
        }
    });
    $("#btn1").click(function(){
        $("ol").append(text);
        id++;i++;
    });

    $('.divi').on('click','.btn2',function(){

        $(this).parents("li").slideUp('medium',function(){
            $(this).parents("li").remove();
        });
    });
});
</script>
</head>

<body>
<input type="number" id="num" autofocus="true"></input>
<button id="ok">OK</button>
<br/><br/>
<button id="btn1">+</button>
<div class="divi">
<ol>
</ol>
</div>
</body>

</html>

Answer 2

试试这个........

$('input[id^=btn]').unbind('click').bind('click',function(e){

      $(this).closest('input[type=text]').remove();

});

使用jQuery删除元素

2 个答案: