gpt4 book ai didi

javascript - 如何修复此错误 "Uncaught DOMException: Failed to execute ' querySelectorAll' on 'Document' : 'div.com[min=]' is not a valid selector"?

转载 作者:行者123 更新时间:2023-12-05 03:00:47 26 4
gpt4 key购买 nike

<分区>

我想像reddit一样隐藏和 children 的评论,我写了这个函数:

function toggle(id, lft, rgt) {
var kids = (rgt - lft - 1) / 2;
if (kids >= 1) {
var element = document.querySelector("div.com#com" + id).getAttribute('value');
var low = Number(element.split('-')[0]);
var high = Number(element.split('-')[1]);
for (var i = low + 1; i <= high - 1; i += 1) {
const x = document.querySelectorAll('div.com[min=' + i + ']');
}
Array.from(x).forEach(comment => {
if (comment.style.display === "none") {
comment.style.display = "block";
} else {
comment.style.display = "none";
}
});
}

例如这是父评论:

<div> 
<a onclick="return toggle(1, 1, 4)" href="javascript:void(0)">[-]</a>
<div id="com1" class="com md" value="1-4" min="1">yellow</div>
</div>

这是一条 child 评论:

<div> 
<a onclick="return toggle(2, 2, 3)" href="javascript:void(0)">[-]</a>
<div id="com2" class="com md" value="2-3" min="2">hello </div>
</div>

我想隐藏所有具有父值 1 和 4 之间的 min 属性的评论,而这个子项具有 min=2,因此必须隐藏它。但是 js 函数不工作,那么问题是什么?

其他问题?

  • 我应该在 for 循环 中编写 foreach 还是像这条路?
  • 如果修复了标题中的错误,功能是否会起作用,子评论会被隐藏,如果不能,为什么?

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com