javascript - js对不同的div相同的onclick

Question

呃，这可能很简单，但我想不通。

我有 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%");
    });

谢谢大家，祝大家有个愉快的一天!

Answer 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");
    });