javascript - 为什么 jqueryeach() 不迭代？

Question

我想在每个使用 Jquery UI 构建的选项卡上放置一个滚动指示。碰巧下面的代码适用于第一个选项卡并在那里停止。我测试过，直到所有 ul 的 if 语句为止都很好，但只有第一个 ul 通过 if 语句，即使第二个 ul 至少也给出了 true 的 if

我错过了什么？

我还知道，如果为 false，each() 将停止。我该如何解决这个问题？

var i = 0;
$(".comp_pr ul").each(function () {
    var element0 = $(this).attr('id');
    var element1 = "#" + element0;
    var element = document.querySelector(element1);
    if ((element.offsetHeight < element.scrollHeight) || (element.offsetWidth < element.scrollWidth)) {
        $(element1 + ' ' + "li:nth-child(4) span:nth-child(3)").html('scroll <img id=""       src="img/forward.png" title=""/>');
        $(element1 + ' ' + "li:nth-child(4) span:nth-child(3)").attr('class', 'zscroll');
        $(element1 + ' ' + "li:nth-child(4) span:nth-child(3)").attr('id', 'zs' + i);
    }
    i++;
});

HTML 的快速摘要:

<div class="comp_pr">
<ul id="measure0">
<li></li>
......
</ul>
</div>

<div class="comp_pr>
<ul id="measure1"
<li></li>
......
</ul></div> 
....

Answer 1

其他选项卡都隐藏了，对吧？所以它们的高度和宽度将为 0。