Question

ik，这可能很简单，但我无法弄清楚。

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

js同样onclick为不同的div

1 个答案: