jquery - 为什么当元素设置为 display:none 时 jQuery 仍然检测为可见的元素？

Question

我正在使用 jQuery 循环遍历sortable列表并检测每个list可见的项目。

页面加载时从数据库查询中将元素添加到列表中。它们被隐藏使用.hide(). 可以将它们设置为从按钮可见，.show()以将它们“添加”到列表中。

我想通过检测哪些可见来提取用户可见的列表状态。

当我使用:visible选择器时，设置为的项目display:none仍在被拾取。根据:visible文档，项目仅在占用页面空间时才会被检测到，而这些项目不会。

FIDDLE 这里，第 5 项设置为 display:none

请进行建设性的批评，而不是投反对票。

Answer 1

由于答案很复杂，这基本上就是 Rob W 的建议：

//On button Click
$(".updateDetailsButton").click(function () {
    //Loop through each visible item in the sortable list
    $("#sortable li:visible").each(function(index) {
         // ...
    });
});