javascript - Jquery 追加元素然后改变 css？

Question

我正在尝试创建一个 div 标签，然后通过 css 更改它，但由于某种原因它不起作用，这是我的代码:

$('#draw').click(function(e){
  var divToAdd = "<div id='box' style='display:block;background-color:red;width:100px;height:100px'></div>";
  $("#area").append(divToAdd);
});
$('#left').click(function(e){
  //var leftNow = document.getElementById("box").left + 1;
  alert(document.getElementById("box").left);
  $("#box").css('left',leftNow);
});
$('#right').click(function(e){
  var leftNow = document.getElementById("box").left - 1;
  $("#box").css("left","90");
});

因此出于某种原因，document.getElementById("box").left 的值未定义。我已经尝试解决这个问题一段时间了，也许我的语法有问题？任何帮助将不胜感激，非常感谢!谢谢尼克·克拉弗。

Answer 1

在这种情况下，您需要 .style.left 或 $("#box").css('left');。

但是...还有更简单的方法，例如:

$("#box").css("left","-=1");

你可以通过这种方式使它成为相对的，对于 += 也是如此，保持简单:)