Jquery - 在表单中找到带有'hidden'的<input />并在之前更改css中的css

Question

如问题中所述，我需要更改表单中的行高，因为空/隐藏输入之间需要有很多间隙。

CSS：

p { line-height:1.6em; }

HTML：

<form class="webform">
 <p>
   <input type="hidden"></input>
 </p>
 <p>
   <input type="text"></input>
 </p>
</form>

我已经尝试过了，但还没有完成：

$("form[class='webform'] p").css("line-height", "0em"); 

因此，它会更改Form中的所有css，但我只想更改隐藏一次的高度。

Answer 1

您可以使用:has() selector选择包含隐藏p元素的input元素：

$("form.webform p:has(input[type='hidden'])").css("line-height", "0em");

虽然隐藏元素可能更有意义：

$("form.webform p:has(input[type='hidden'])").hide();