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的值是未定义的.我一直试图解决这个问题,我的语法可能也有问题吗？任何帮助将不胜感激,非常感谢!谢谢Nick Craver.

Answer 1

你需要.style.left,或者$("#box").css('left');在这种情况下.

但是......有一种更简单的方法,像这样:

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

你可以通过这种方式使它相对,同样的+=,保持简单:)