javascript 子级为空时隐藏div

kd3sttzy  于 2023-02-11  发布在  Java
关注(0)|答案(3)|浏览(123)

page is this的URL。
并截图到被质疑区域is this
我想,如果 accordion 没有内容,然后隐藏 accordion 标题本身。空的 accordion 元素不会显示。
我使用了以下脚本:

jQuery(".su-spoiler-content:empty").parent().hide();

但我找不到它在做什么。
上面的代码有什么错误吗?

wtlkbnrh

wtlkbnrh1#

试试看...

document.querySelectorAll('div.su-spoiler-content').forEach(xDiv=>
  {
  if (xDiv.innerText.trim() === '')
      xDiv.closest('div.su-spoiler').style.display = 'none'
  })
eiee3dmh

eiee3dmh2#

看起来你的div里面有“看不见的东西”。

我只是在浏览器中编辑为HTML,它就可以工作了
第一节第一节第一节第二节第一节

vcirk6k6

vcirk6k63#

就像前面提到的,元素可以有一些子元素,基于其他的答案(和我朋友的帮助),我写了这段jquery代码。

$('.accordion-body').each(function (index, element) {
        if (element.children.length == 0) {
            $(this).parent().parent().hide()
        }
    })

可能对其他寻找的人有用。

相关问题