javascript - 如何在点击时重复增加 CSS 属性的值？

Question

我想在每次单击不同元素时添加(在本例中，从技术上讲，减少)元素的值。到目前为止我所拥有的:

$("#trigger_heritage").click(function () {
  $(".heritage_content ul").css("margin-left", + -880);
  // So each time clicking shall move the .heritage_content ul-element 880px further left
});

它在最左边到达 880px，但只有一次。我想要的是每次单击其他元素时该值都会增加。

我该怎么做？

Answer 1

您可以向 css() 方法提供格式为 -=[value] 的字符串，您可以使用它来修改当前值。试试这个:

$("#trigger_heritage").click(function () {
    $(".heritage_content ul").css("margin-left", '-=880');
});

Working example