Javascript 删除列表项的按钮

我正在创建此购物清单应用程序。该应用程序工作正常，但我面临着删除按钮的问题。我想在选中复选框时显示一个按钮。它发生在当前应用程序中，但正在填充列表中所有项目的“删除”按钮

我只想为我选中的复选框填充它，我的意思是我选中了复选框并应用了删除线

样本代码-

/*Checkbox Strikethrough Item Text */
    $('input.check').change(function(){
        $(this).siblings('.item').toggleClass('strike');
        $('.delete_item').removeClass('hidden');
    });

你可以在这里找到完整的工作代码-

http://jsfiddle.net/varunksaini/Zjxq5/

查看已单击复选框的父项，搜索与“li”选择器匹配的元素，找到其具有delete_item类的子项并显示它

查看已单击复选框的父项，搜索与“li”选择器匹配的元素，找到其具有delete_item类的子项并显示它

见

/*Checkbox Strikethrough Item Text */
$('input.check').change(function () {
    $(this).siblings('.item').toggleClass('strike', this.checked);
    $(this).closest('li').find('.delete_item').toggleClass('hidden', !this.checked);
});

演示：

请参见

/*Checkbox Strikethrough Item Text */
$('input.check').change(function () {
    $(this).siblings('.item').toggleClass('strike', this.checked);
    $(this).closest('li').find('.delete_item').toggleClass('hidden', !this.checked);
});

---

演示：

您可以这样做：

$('input.check').change(function(){
        $(this).siblings('.item').toggleClass('strike');
        $(this).parent().next().removeClass('hidden');
    });

---

您可以这样做：

$('input.check').change(function(){
        $(this).siblings('.item').toggleClass('strike');
        $(this).parent().next().removeClass('hidden');
    });