jQuery有條件

Question

我只需要將CSS樣式應用於符合我的標準的特定類。用一個簡單的數組我可以做到這一點：

var ins = document.getElementsByClassName('ins'); 
for(var i = 0; i < ins.length; i++) { 
if(ins.item(i).attributes[0].value == "ins right" || ins.item(i).attributes[0].value == "ins left") 
    ins[i].style.width = "120px"; //applies the width to left and right only 
} 

什麼是使用jQuery時的等價物？ （可惜這寬度適用於所有三種元素）

if($('.ins').is('.left, .right')) 
    $('.ins').css('width','120px'); 

標記：

<div id="wrapper"> 
    <div id="outer"> 
    <div class="ins right"> 
     <p>This is heading 3</p> 
    </div> 
    <div class="ins left"> 
     <p>This is heading 1</p> 
    </div> 
    <div class="ins center"> 
     <p>This is heading 2 This is heading 2 This is heading 2 This is heading 2 This is heading 2 This is heading 2 This is heading 2 This is heading 2</p> 
    </div> 
    </div> 
</div> 

Answer 1

你可以只是這樣做：

$('.ins.left, .ins.right').css('width','120px'); 

Answer 2

$('.ins.left, .ins.right').css('width','120px'); 

Answer 3

$(".ins.left, .ins.right").css({/*...*/}) 

Answer 4

很簡單，請嘗試以下操作：

$('.ins.right, .ins.left').css('width','120px'); 

Answer 5

你原來的方式使用一個循環，通過每個單獨的元素去。你需要讓jquery做同樣的事情。

試試這個，它使用隱式迭代。

$(".ins").filter(".left,.right").css('width','120px');