javascript中的此对象不工作_Javascript_Jquery

javascript中的此对象不工作

javascript jquery

javascript中的此对象不工作,javascript,jquery,Javascript,Jquery,我试过了，但当点击交叉按钮时，我似乎无法删除列表。有人能解释为什么“这个”在这里不起作用吗？或者，除了使用“this”对象之外，还有其他方法可以知道单击了哪个交叉按钮 $（函数（）{ $（“#btn”）。在（“单击”，函数（）{ var text=$（“#输入”）.val（）；如果（文本==“”）{ 警报（“请输入任务！”）； } 否则{ var task=$（“”）.text（text）； $（任务）。附加（“X”）； $（“#已订购”）。追加（任务）； } }); $（“.rem”）。

我试过了，但当点击交叉按钮时，我似乎无法删除列表。有人能解释为什么“这个”在这里不起作用吗？或者，除了使用“this”对象之外，还有其他方法可以知道单击了哪个交叉按钮

$（函数（）{
$（“#btn”）。在（“单击”，函数（）{
var text=$（“#输入”）.val（）；
如果（文本==“”）{
警报（“请输入任务！”）；
}
否则{
var task=$（“”）.text（text）；
$（任务）。附加（“X”）；
$（“#已订购”）。追加（任务）；
}
});
$（“.rem”）。在（“单击”，函数（）{
$（此）.hide（1000）；
});
});

Javascript添加
我的任务清单
点击kk
以下是隐藏按钮的方法。代替$（.rem”）。在（“单击”，function（）{
）上，可以使用$（“body”）。在（“单击”，“.rem”，function（）{


$（函数（）{
$（“#btn”）。在（“单击”，函数（）{
var text=$（“#输入”）.val（）；
如果（文本==“”）{
警报（“请输入任务！”）；
}否则{
var task=$（“”）.text（text）；
$（任务）。附加（“X”）；
$（“#已订购”）。追加（任务）；
}
});
});
$（“body”）。在（“click”、'.rem'，function（）上{
$（this.parent（）.hide（）；
})；

我的任务清单
点击kk
使用。因为您正在动态添加li。要删除li，您需要找到最近的li并将其隐藏

$（函数（）{
$（“#btn”）。在（“单击”，函数（）{
var text=$（“#输入”）.val（）；
如果（文本==“”）{
警报（“请输入任务！”）；
}
否则{
var task=$（“”）.text（text）；
$（任务）。附加（“X”）；
$（“#已订购”）。追加（任务）；
}
});
$（document）.on（“click”，'.rem'，function（）{
$（this.closest（'li'）.hide（）；
});
})；

Javascript添加
我的任务清单
点击kk
您可以试试这个
    <!DOCTYPE html>
    <html lang = "en">
        <head>
            <title>Javascript Addition</title>
            <meta charset = "utf-8">
        </head>
        <body>
            <h1>My To-Do List </h1>
            <input id = "input" placeholder ="Add your task Here...">
            <button id = "btn">clickkk</button>
            <ol id = "ordered"></ol>

      </body>
      <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
      <script src="todo.js"></script>
      <script type="text/javascript">
        $("#btn").on("click", function() {
            var text = $("#input").val();
            if (text == "") {
                alert("please enter a task!");
            } else {
                $("#input").val("");
                var task = $("<li></li>").text(text);
                $(task).append("<button class='rem'>X</button>");
                $("#ordered").append(task);
            }
        });

        $("body").delegate( '.rem', "click", function() {
            $(this).parent().hide();
        });
      </script>
    </html>


Javascript添加
我的任务清单
点击kk
$（“#btn”）。在（“单击”，函数（）{
var text=$（“#输入”）.val（）；
如果（文本==“”）{
警报（“请输入任务！”）；
}否则{
$（“#输入”）.val（“”）；
var task=$（“”）.text（text）；
$（任务）。附加（“X”）；
$（“#已订购”）。追加（任务）；
}
});
$（“body”）.delegate（'.rem'，“click”，function（）{
$（this.parent（）.hide（）；
});