jquery - jQuery で 2 つのクラスを持つ div を呼び出す

Question

私は2つのクラスを持つ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 の 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');​

フィドルを参照してください。

Answer 3

これを試して：

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

しかし、コードパラドックスのソリューションも機能するはずです。