jQuery - 获取"left"位置的元素，然后更改它

Question

我正在尝试使用自定义jquery操作滑块脚本。我需要抓取和元素"左"css样式的位置，然后通过添加300px来更改它。

这是我的jquery：

var slCon = $('.slides-control');
var pos = slCon.css("left");
slCon.css({'left': pos + '300px'});

如果我"alert（pos）"，它确实会给我一个内联左位置，比如-1000。但我需要能够在这个内联样式中添加300px，使其在单击按钮时为-700。在获取初始值后，我似乎无法让它更改元素的内联样式。

请帮忙。我还在学习jQuery。

Answer 1

Soo。我让它工作，因为元素的宽度与元素的左边位置匹配，但左边是负数。所以我只是抓住元素的宽度，然后用这个设置左边的位置：

var slCon = $('#slides-control');
var width = slCon.width();
slCon.css({'left': - width + 300 + 'px'});

感谢所有的帮助taxicala

Answer 2

您应该执行以下操作：

var slCon = $('.slides-control').first();
var pos = slCon.css("left");
slCon.css({'left': pos + 300});

或者更好，更改为id（记住相应地更新dom）：

var slCon = $('#slides-control');
var pos = slCon.css("left");
slCon.css({'left': pos + 300});

Answer 3

试试这个：

$（'.slides control'）.css（'left'，'+=300px'）；