Javascript jQuery-添加类并使用它运行函数

以下是我的html代码：

<div class="wrap">
  <a href="#">Button</a>
  <a href="#">Button</a>
</div>

为什么映射到上的函数。新函数不起作用？如何修复它？

您需要使用事件处理程序。像这样的

$(".wrap").on("click", ".new-one", function () {
    console.log("I was hit!");
});

---

以上答案是实现最终目标的好方法。至于为什么你的代码没有按预期运行， 在本例中，代码为：

$(".new-one").on("click", function () {
  console.log("I was hit!");
});

仅在加载脚本时运行一次。运行此代码时，页面上没有包含“.new class”的元素，因此不会附加任何单击事件。

---

在容器元素上放置一个单击事件，并仅将其委托给具有.new-one类的子元素，它将起作用。

您正在将onclick绑定到

.new-one

，其中由于您的

HTML

不包含具有该类的元素？@MuhammadOmerAslam，您是wright，我认为该类是在单击时添加到锚元素的。很抱歉，html是OK@wrightSimple，答案是在代码运行时该类不存在

$(".new-one").on("click", function () {
  console.log("I was hit!");
});