在jQuery中调用两个类的div

Question

我有一个有两个班级的div：

<div class="content pager" style="width: 1156px; float: left; list-style: none outside none;"></div>

我想用jQuery更改元素样式：

$(".content pager").width(0);  //Change the element style width 

但它不起作用。有什么问题？

Answer 1

试试这个：

$(".content.pager").width(0);

检查 jQuery's Class Selector。

width(0)不会隐藏其内容。你需要hide它。而不是width(0)。所以，你可以试试这个：

$(".content.pager").hide(0); // Will hide the div and free its space.
$(".content.pager").css('visibility', 'hidden'); // Will hide the div and take space belongs to it.

Answer 2

另一种选择是jQuery的.filter方法。基本上你搜索一个类然后用另一个类过滤选择。对于您的特殊需求，$（“。class1.class2”）应该足够了。 .filter示例：

<div class="foo bar">div1</div>
<div class="foo">div2</div>
<div class="bar">div3</div>
​
$(".foo").filter(".bar").css('background-color', 'red');​

请参阅fiddle。

Answer 3

试试这个：

$(".content").filter(".pager").width(0);

但thecodeparadox's solution也应该有用。