テキスト ボックスにテキストを入力し、ボタンをクリックすると、その下に項目が追加されるインタラクティブな To Do リストを作成しようとしています。これまでのところ、ボタンを使用してリストにアイテムを正常に追加できましたが、一度に 1 つのアイテムをクリックして削除することはできません。(理想的には、各アイテムの横にチェックボックスがあり、クリックするとアイテムが消えます)。これまでのところ、.remove() アクションを使用して、リスト内のすべてのアイテムをクリックして消すことしかできませんでした。私はいくつかの調査を行い、.on() アクションが必要なものかもしれないと考えました。試してみたところ、アイテムをまったく消すことができなくなりました。これは私のコードです:
$(document).ready(function() {
$('#button').click(function() {
var toAdd=$('input[name=checkListItem]').val();
$('#item').append.('.list');
});
$(document).on('click','item',function() {
$(this).remove();
});
});
間違っていると目立つものはありますか?または、これについてもっと良い方法はありますか?私はこれが初めてで、すべてのフィードバックに感謝します。ありがとう!