jquery - 隐藏与其关联的文本框字段和标签

Question

这可能是一个毫无意义的问题，但我认为它对我们中的许多人都有用。

在这种情况下，我希望能够一次隐藏一个文本框及其标签，而不必同时选择这两个元素并单独隐藏它们。

<label for="a">some text:</label>
<input type="text" class="text" id="a" />

那么，对于上述情况，是否可以使用一个简单的 jQuery 命令将它们隐藏在一起？

Answer 1

你可以这样做

$('label[for=a], input#a').hide();

http://jsfiddle.net/jasongennaro/dYFMU/

[ ] 选择属性。在这种情况下，我们的目标是等于 a 的 for 属性。

同时，我们用一个，做另一个选择，input有一个id=a。

编辑

此外，如果您需要为多个labels 和inputs 执行此操作，您可以将label 和id > 在数组中如下:

<label for="a">some text:</label>
<input type="text" class="text" id="a" />

<br />

<label for="b">some text:</label>
<input type="text" class="text" id="b" />

<br />

<label for="c">some text:</label>
<input type="text" class="text" id="c" />

js

var a = ['a','b','c'];

for(var i=0; i<a.length; i++){
    $('label[for=' + a[i] + '], input#' + a[i]).hide();
}

http://jsfiddle.net/jasongennaro/dYFMU/1/