2016-03-18 71 views
1

ik,這可能很簡單,但我無法弄清楚。js相同的onclick爲不同的div

我有2個不同的div .div1.div2我怎樣才能在(2in1)中添加它們相同的功能?所以我沒有把它寫這樣的:

$(".div1").click(function(){ 
     $(".webdesign-karta").css("margin-left", "40%"); 
    }); 

$(".div2").click(function(){ 
     $(".webdesign-karta").css("margin-left", "40%"); 
    }); 

但我能以某種方式把它寫這樣的(我想避免長碼):

$(".div1", ".div2").click(function(){ 
     $(".webdesign-karta").css("margin-left", "40%"); 
    }); 

謝謝大家,有一個愉快的一天!

+0

'$(」 DIV1,.div2" 。)' - https://api.jquery.com/multiple-selector –

回答

1

你差點沒錢了!

$(".div1, .div2").click(function(){ 
     $(".webdesign-karta").css("margin-left", "40%"); 
    }); 

,如果你想成爲更通用的,你可以做到這一點的DIV選擇本身:

$("div").click(function(){ 
     $(".webdesign-karta").css("margin-left", "40%"); 
    }); 

或創建CSS樣式規則,並添加它的點擊 - 因爲它不,這是更好添加內嵌樣式規則:

//css 
.moveMargin{margin-left:40%} 

//js 
$(".div1, .div2").click(function(){ 
     $(".webdesign-karta").addClass("moveMargin"); 
    }); 
+0

噢,那是痛苦的!謝謝,明白了!問候! –