Javascript 不同div的js相同onclick

Javascript 不同div的js相同onclick,javascript,jquery,html,css,Javascript,Jquery,Html,Css,这可能很简单,但我想不出来 我有两个不同的div.div1和.div2如何在(2in1)中添加相同的函数?所以我不必这样写: $(".div1").click(function(){ $(".webdesign-karta").css("margin-left", "40%"); }); $(".div2").click(function(){ $(".webdesign-karta").css("margin-left", "40%"); })

这可能很简单,但我想不出来

我有两个不同的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%");
    });
如果希望更通用,可以在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");
    });

$(“.div1.div2”)
-哦,那太痛苦了!谢谢,明白了!问候语!
//css
.moveMargin{margin-left:40%}

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