使用给定的根查找所有可见元素

Question

给出以下代码

var a = $('<div><div></div></div>');
a.css("visibility", "visible");
a.find("* :visible");

我收到一个空数组[]而不是div。我做错了什么？

Answer 1

要检查元素是否可见，必须将其插入DOM。您也不需要*选择器。试试这个：

var a = $('<div><div></div></div>'); // create an element
a.css("visibility", "visible");
$("BODY").append(a) // Add the element to the DOM first
a.find(":visible")

alert(a.find(":visible").length); // displays '1'

Answer 2

您尚未将该元素添加到页面中，因此它尚未调整大小。零尺寸的元素不被视为可见。