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

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

转载作者：行者123 更新时间：2023-12-05 03:00:47

<分区>

我想像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 函数不工作，那么问题是什么？

其他问题？