使用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");