寻找div的儿童班

Question

我一直在努力做一些研究，但我似乎无法找到具体的答案..

我有以下HTML

collapsingHeaders

现在，正如您所看到的，我有2个listItemWrapper，每个itemWrapper都有一个listItemWrapper，其中包含2个itemImage，其中每个都包含图片和标签。

我在点击＆＃39; collapsingHeader＆＃39;时使用的是javascript。 class，隐藏.next元素（它下面是listItemWrapper容器）。

我在这里遇到的问题是，当itemImage折叠/隐藏容器时，会出现轻微的动画错误。所以我希望进一步，当display:none容器切换为显示/隐藏时，进一步定位2个孩子collapsingHeader类并设置他们的$(this).next().children('.itemImage')。

所以当我使用点击key类来...

时，我的想法是这样的

accept_message

然后更新每个的css / class。但上面的代码没有按预期工作，我想我没有正确使用它..

如何定位容器div中的某些子元素（深层）？

谢谢！

Answer 1

使用jQuery $(this)，您可以在$(this).next().children('.itemImage') 元素中找到任何元素（基于类型，类或ID）：

简单地改变：

$(this).find('.itemImage').hide()

为：

listfile:

Answer 2

使用下面的代码。找到你不需要使用next（）的孩子。使用find()

$(this).find('.itemImage').hide();  

 or 

$(this).children('.itemImage').hide();