Javascript 如何从contentNote中删除class show，并在btn编辑中使用cick将class show添加到txtAreaNote？

我有一个具有以下结构的div。当我点击“btn编辑”时，我想从“contentNote”中删除“show”类，并将其添加到“txtAreaNote”；并将“隐藏”添加到“内容注释”中，并将其从“txtAreaNote”中删除。我的jQuery代码不能正常工作；如何解决这个问题

$（'.btn edit'）。单击（函数（）{
var btn=$（本）；
btn.each（函数（）{
$（this.find（“.contentNote”）.removeClass（'show'）.addClass（“hide”）；
$（this.find（“.txtAreaNote”）.removeClass（'hide'）.addClass（“show”）；
});
});

一些文本

我不知道您的完整html结构，但它将类似于：

$('.btn-edit').click(function () {
    $(this).closest(".cm-1").find(".contentNote").removeClass('show').addClass("hide");
    $(this).closest(".cm-1").find(".txtAreaNote").removeClass('hide').addClass("show");       
});

转到父类，然后在两个类之间搜索
 
find（）
搜索要调用它的元素的子元素。使用
nextAll（）


$（'.btn edit'）。单击（函数（e）{
e、 停止传播（）；
e、 预防默认值（）；
var btn=$（本）；
btn.nextAll（“.contentNote”）.removeClass（'show'）.addClass（“hide”）；
btn.nextAll（“.txtAreaNote”）.removeClass（'hide'）.addClass（“show”）；
});
.hide{
显示：无；
}
.表演{
显示：块；
}

一些文本

btn.each（function
…毫无意义，因为
这是你点击的，你认为它在做什么？除了无用的
each
，你需要在
查找（.contentNote”）
之前使用
parent（）
，因为这些元素是同级元素，而不是按钮的子元素。或者更好地使用
$.sides（）
方法