Question

以下是我的小提琴，当用户点击所有删除然后在foreach上为LI功能。我想在输入字段中删除包含abc,def,ghk之类名称的lis。我只是想知道如何检查foreach循环上的活动li是否包含与input field值匹配的特定值，因此我将停止将其删除。

小提琴：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) {});
}

Answer 1

如果您要删除输入中包含li之类的值的ABC，请尝试：

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

此处jsfiddle仅在abc中写input，然后按删除所有内容。

Answer 2

我编辑了你的小提琴：http://jsfiddle.net/mT5vw/3/

如果这是你可以实现的目标，删除标签中的所有元素，然后重新插入一个空行。

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

从所有人中删除各自的李

2 个答案: