对多个元素执行相同的操作

时间:2012-06-16 14:57:19

标签: jquery

我有这一行:

$("#clients-edit-wrapper").height($(window).height()-150);

我想将高度函数应用于jQuery的一行中的特定ID。有没有办法将元素链接在一起,并为多个元素应用一次高度函数?基本上,我想将高度函数应用于3或4个其他DIV,但我宁愿不再使用3或4行jQuery来完成此任务。

这可能吗?


从下面的VisioN回答(显示我有多少jQuery新手!):

您可以使用多个选择器:

$("#clients-edit-wrapper, #div2, #div3").height($(window).height() - 150);

或类选择器(肯定更好!):

<!-- HTML -->
<div id="clients-edit-wrapper" class="myClass"></div>
<div id="div2" class="myClass"></div>
<div id="div3" class="myClass"></div>

// JavaScript
$(".myClass").height($(window).height() - 150);

2 个答案:

答案 0 :(得分:2)

您可以使用multiple selector

$("#clients-edit-wrapper, #div2, #div3").height($(window).height() - 150);

class selector肯定更好!):

<!-- HTML -->
<div id="clients-edit-wrapper" class="myClass"></div>
<div id="div2" class="myClass"></div>
<div id="div3" class="myClass"></div>

// JavaScript
$(".myClass").height($(window).height() - 150);

答案 1 :(得分:1)

您可以使用逗号,分隔选择器。

$('#div1, #div2, div3').height($(window).height()-150);

如果是我,我只是在他们上课。