Javascript 使用jquery更改另一个元素下的html元素类

我正在尝试使用jquery更改html元素的类I。我试图实现的是，当用户单击div时，我希望单击的div下的i的CSS类发生变化

到目前为止，我无法做到这一点。任何小费都将不胜感激

$（文档）.ready（函数（）{
$（'div.gen'）。单击（函数（）{
$（this）.next（'span i'）.toggleClass（'fa-angle-double-up-fa-angle-double-down'）；
});
});


find方法应该执行这个技巧，而不是next，因为find遍历DOM

 $(this).find('span i').toggleClass('fa-angle-double-up fa-angle-double-down');

您可以使用jQuery，如下所示：


$（文档）.ready（函数（）{
$（'div.gen'）。单击（函数（）{
$（this）.find（'span i'）.toggleClass（'fa-angle-double-up-fa-angle-double-down'）；
});
});