CODEWITHSUNDEEP
javascriptjquery
user3027531
user3027531

Reputation: 282

Remove Respective Li from all

Following is my fiddle in which when user click on all delete then on foreach for LI function. I want to remove those lis which contains name like abc,def,ghk in their input field . I just want to know how to check that the active li on foreach loop contains the certain value that matches it input field value or not so i'll stop to remove it.

Fiddle: http://jsfiddle.net/mT5vw/2/

$(document).ready(function () {
    $(document).on('click', '.liDelete', function () {
        li = $(this).parent();
        li.remove();
    });
    $("#butadd").click(function () {
        $("ul").append("<li>Folder Name : <input type='text' class='fname' value='' required='required' /> <input type='button' class='liDelete'  value='- Remove' /></li>");
    });
});

function alldelete() {
    $('#folder li').each(function (e) {});
}

Upvotes: 1

Views: 85

Answers (2)

Wilfredo P
Wilfredo P

Reputation: 4076

If you want to remove the li that the input contains a value like ABC try:

$('#removeAll').click(function(){
    $('#folder li input[type="text"]').each(function () {   
       if ($(this).val() === "abc") {
           $(this).parent().remove();
        }
    });

here the jsfiddle only write abc in the input and before press remove all.

Upvotes: 1

Philip G
Philip G

Reputation: 4104

I've edited your fiddle: http://jsfiddle.net/mT5vw/3/

If this is what you what it can be achieved by, removing all elements from the tag and then reinserting one empty row.

js:

 $(document).ready(function () {


    $(document).on('click', '.liDelete',function() {
        li = $(this).parent();
        li.remove();
    });


    $("#butadd").click(function () {
        $("ul").append("<li>Folder Name : <input type='text' class='fname' value='' required='required' /> <input type='button' class='liDelete'  value='- Remove' /></li>");

    });

    $("#deleteall").click(function(){
        $('#folder').html("<li>Folder Name : <input type='text' class='fname' value='' required='required' /> <input type='button' class='liDelete' value='- Remove' /></li>");
    });
});

Upvotes: 0

Related Questions