Javascript Jquery按钮箭头函数

$（“#btn”）。在（“单击”，（）=>{
var el=$（本）；
el.parent（）.find（#lbl”）.html（“a”）；
});
$（“#btn1”）。在（“单击”，函数（）{
var el=$（本）；
el.parent（）.find（#lbl”）.html（“a”）；
});

你好，世界
按钮1！
按钮2！

我已更改了您的代码以实现您的目标：

同时将您的功能更改为如下所示：

$("#btn").on("click",()=>{
  var el = document.getElementById("lbl");
  el.textContent = 'a';
 });

---

但是，如果您想在jQuery事件处理程序中使用箭头函数，可以在侦听器中使用

事件
对象，如下所示


$（“#btn”）。在（“单击”，e=>$（e.target）.parent（）。查找（“#lbl”）.html（“a”）；
$（“#btn1”）。在（“单击”，函数（）{
$（this.parent（）.find（#lbl”）.html（“a”）；
});

你好，世界
按钮1！
按钮2！
或者，您可以使用“event.currentTarget”。

例如，下面的代码可以工作

$("#btn").on("click", (event) => {
    var el = $(event.currentTarget);
    el.parent().find("#lbl").html("a");
});



测试页
你好，世界
按钮1！
按钮2！
$（“#btn”）。在（“单击”，“事件）=>{
var el=$（event.currentTarget）；
el.parent（）.find（#lbl”）.html（“a”）；
});
$（“#btn1”）。在（“单击”，函数（）{
var el=$（本）；
el.parent（）.find（#lbl”）.html（“a”）；
});
@user4642212不抱歉。使用箭头功能，您无法使用
$（此）
@jack why？。你能给我一个文档URL让我读一下吗？因为
这个
在你的箭头函数中指的是窗口对象而不是按钮，请看一看以了解更多如果是这样的话，那么它可能只是
$（“#btn”）。在（“单击“，”=>$（“#lbl”）.html（“a”）
因为他在使用jQueryI，所以他只是添加了不改变HTML，而只是更新文本内容，但你也是正确的：）如果它只是用于文本内容，那么
.HTML（“a”）
将是
.text（“a”）
，但我看到了使用
.HTML（）
的OP，这是正确的，尽管如此，从我的角度来看，这是一个目标的假设，所以没有必要讨论很多，但你们仍然是对的，这也是一个选择。