Jquery 关于父元素的removeClass

我试图构建如下效果：单击.labelElment更改其selvse大小，然后单击另一个块或a.close以恢复.labelElment的大小

看看html：

<div id="labelGroup">
        <div  class="labelElement c1">
            <div class="panel">
                <span class="avatar"></span>
                  <ul class="labelGroup">
                    <li class="l1">Label 1</li>
                    <li class="l2">Label 2</li>
                    <li class="l3">Label 3</li>                
                  </ul>
             </div>
             <div class="info">
                 <ul>
                     <li>Information</li>
                     <li><a href="###" class="close">close</a></li>

                 </ul>
            </div>
        </div>


        <div  class="labelElement c2">Block</div>    


    </div>

在.delegat（）中，removeClass工作正常，但在.click（）中，它不工作，所以有什么问题吗？

您可以尝试以下方法：

$(this).closest('.labelElement').removeClass("s1");

---

您的单击会弹出DOM层次结构，因此也会触发.labelement上的单击事件，并重新添加刚刚删除的类

使用e.stopPropagation（）防止起泡

或参见此问题的答案：

---

有控制台消息吗？是否尝试添加日志行？为什么你的链接是

####

？！是一个叫做“点击”的事件，而不是答案。以后尝试以评论的形式发布，如果有效，请回答。由于我是新用户，因此未启用添加评论链接。在这种情况下，我建议先尝试您的建议（强烈建议使用JSFIDLE），以便您更确定。当你有足够的代表时，你可以在适当的时候发布快速建议。

$(this).closest('.labelElement').removeClass("s1");