Javascript 使用jquery隐藏Divtag

当我单击span时，我想将div标记隐藏在它下面，但我的代码不起作用。我想听听您对如何重构jQuery代码的看法

$（文档）.on（“单击“，”。显示表格底部>跨度”，函数（）{
if（$（this）.next（）.css（“显示”）=“无”）{
$（this.next（）.show（）；
}否则{
$（this.next（）.hide（）；
}
});

번역


ASDSA



aSDASD

您可以简化逻辑，只需单击span键即可使用.toggle（）。toggle（）在display:block和dispaly:none之间切换可见性，因此不需要条件逻辑

$（文档）.on（“单击“，”.show table bottom>span”，function（）{$（this）.next（）.toggle（）；
});

번역


ASDSA



aSDASD
在样式中定义隐藏类，然后使用jquery函数切换类（）使用切换隐藏类

<style>
.hide{
display:none;
}
</style>
<script>
$(document).on("click", ".show-table-bottom > span", function() {
      $(this).next('div').toggleClass('hide');
    });
</script>


.隐藏{
显示：无；
}
$（文档）.on（“单击“，”。显示表格底部>跨度”，函数（）{
$（this）.next（'div'）.toggleClass（'hide'）；
});

希望这对您有所帮助
假设您的
td
位于
表中
（因为它必须用于HTML有效性），那么您的代码工作正常。唯一的小问题是您错过了
。我在你的问题中编辑了一个片段，效果如预期。如果您仍然有问题，请检查控制台是否有错误谢谢。很多建议！！