1

これは、そのテキストをページに表示するテキスト入力がある単純な HTML「todo アプリ」です。テキストを入力してボタンをクリックするたびに、新しい「todo」が表示されます。Todo を削除して、テキストをクリックして非表示にしたいです。

全体を削除する場所で動作していますが、作成後に個々のliを削除できるようにすることはできません。

<!DOCTYPE html>

<html>
<head>
<script src="http://code.jquery.com/jquery-1.7.1.js"></script>

<script>

function myTask()
$('#btnName').click(function(){
    var text = $('#inputName').val();
    if(text.length){
        $('<li />', {html: text}).appendTo('ul.taskList')
    }
});

</script>

</head>

<body onload="myTask()">


<div id="container">My Todos</div>
<input type="test" id="inputName" />
<button id="btnName">Click me!</button>

<ul class="taskList"></ul>
<script>
    $("ul").click(function () {
    $(this).remove();
    });
</script>

</body>
</html>
4

1 に答える 1

2

実際にターゲットを絞るli

$(".tasklist").on("click", "li", function () {
    $(this).remove();
});
于 2013-07-23T00:17:59.420 に答える