Javascript jqueryparent（）；函数removeClass（）；不工作（错误）

我有一个公文包，列出公文包项目。 我有类，所以当你点击这个项目时，它会有一个效果。 出于某种原因，当我单击减号按钮时，它不会删除类“on”

以下是jQuery：

  $('.portfolio-item').click(function() {
    $(this).addClass('on');
  });
  $('.minus').click(function() {
    $(this).closest('.portfolio-item').removeClass('on');
  });

下面是元素设置：

<div class="portfolio-item" style="margin-top: 5px; ">
   <div class="overlay">
      <h1>LOW POLY ISLANDS</h1>
      <h3>LOW POLY</h3>
   </div>
   <div class="about">
      <h1>LOW POLY ISLANDS</h1>
      <h3>LOW POLY</h3>

      <div class="descrip">
         This is a low poly island make in Blender and edited in Photoshop.
      </div>

      <div class="minus"></div>
      <div class="plus"></div>
    </div>
    <img src="https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/57909c29180525.55fc4b1875c26.png" width="100%" />
</div>

如何解决此问题-我希望在单击“减”时能够删除“开”类。

您需要使用e.stopPropagation

你需要使用e.stopPropagation

当您单击减号时，它将删除上的类。但是，同时，由于减号位于PortfolioItem中，它会触发其click事件并将该类应用回

您可以使用e.stopPropagation禁用此行为

据文献记载,

防止事件在DOM树中冒泡，防止任何父处理程序收到事件通知

这是工作表。它看起来很糟糕，但展示了它的功能

当您单击减号时，它将删除上的类。但是，同时，由于减号位于PortfolioItem中，它会触发其click事件并将该类应用回

您可以使用e.stopPropagation禁用此行为

据文献记载,

防止事件在DOM树中冒泡，防止任何父处理程序收到事件通知

---

这是工作表。它看起来很糟糕，但展示了它的功能

是否动态添加了带有减号类的元素…可能是通过单击带有加号类的元素？如果是这样的话，请看不，减号类是用css创建的，我手动为它插入元素。你说我手动为它插入元素是什么意思。？页面加载后，是否使用减号类添加元素？能否在JSFIDLE上重现此问题？使用event.stopproPagation是否动态添加减号类元素…可能通过单击带有加号类的元素？如果是这样的话，请看不，减号类是用css创建的，我手动为它插入元素。你说我手动为它插入元素是什么意思。？是否在页面加载后使用减号类添加元素？能否在JSFIDLE上重现此问题？请使用event.stopPropagation

$('.minus').click(function(e) {
      e.stopPropagation();
    $(this).closest('.portfolio-item').removeClass('on');
  });