刪除列表項目的按鈕

我正在創建此購物列表應用程序。該應用程序工作正常，但我面臨與刪除按鈕的問題。當我檢查複選框時，我想顯示一個按鈕。它在當前的應用程序中發生，但它正在填充列表中所有項目的刪除按鈕。刪除列表項目的按鈕

我只想填充它我選擇的複選框，我的意思是我選中了複選框並應用了刪除線。

示例代碼 -

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

你會發現在這個完整的工作代碼JS小提琴 -

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

來源

2013-09-28 Varun

見

/*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); 
});

演示：Fiddle

來源

2013-09-28 13:25:19

謝謝，它的工作原理。 – Varun

$(this).parents('li').find('.delete_item').removeClass('hidden');

看起來通過點擊複選框的父母尋找元件匹配 '禮' 選擇，找到它的孩子與delete_item類，並顯示它。

來源

2013-09-28 13:22:20 kao3991

謝謝。有用。 – Varun

你能做到這樣：

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

來源

2013-09-28 13:26:52

$(this).parents('li').children('.delete_item').removeClass('hidden');

來源

2013-09-28 13:27:59

刪除列表項目的按鈕

回答

相關問題