使用jQuery选择器在页面上找到元素

Question

我目前正在控制台中使用（例如）

> $("input[type='text']").css("background", "purple")

突出显示匹配的元素。 但是，当这些元素被隐藏时，这不能很好地工作。 有一个好的方法吗？

编辑：明确地说 ，我仅以input标签为例，当我的意思是隐藏时，我所谈论的是一个元素，该元素可能在窗口外，隐藏容器内，高度为0或任何难以找到的地方。 通常基本上不可见，而不仅仅是display: none; 。

我关心的是找到所有匹配的元素以用于开发目的。 这个问题不是关于如何使紫色变成东西！

Answer 1

可能是这样的：

$("input[type='text'], input[type='hidden']").css("background", "purple")

Answer 2

您可以在尝试更改背景之前显示隐藏的元素。

$("input[type='text']").show();
$("input[type='text']").css("background", "purple")

如果父对象是隐藏的，请先显示父对象，然后更改背景颜色。

$("input[type='text']").parent().show();
$("input[type='text']").css("background", "purple")

Answer 3

这应该工作：

$("input[type='text'], input[type='text']:hidden").
    show().
    css("background", "purple");