Làm cách nào để tăng/giảm số dư hiện tại ở một số bằng jquery?

Question

Với một phần tử có lề trái chưa biết, làm cách nào để tăng lề trái của nó ở một số có nghĩa là 100px?

Ví dụ:

giả bản gốc margin-left là 100px

kết quả mong đợi là 100px + 100px do đó 200px cuối cùng.

Answer 1

$('#element-id').css('margin-left', function (index, curValue) { 
    return parseInt(curValue, 10) + 100 + 'px'; 
}); 

curValue sẽ bao gồm 'px' ở cuối, vì vậy bạn sẽ kết thúc với NaN hoặc 100px100px như kết quả của bạn mà không sử dụng parseInt đầu tiên.

Answer 2

A/cách ngắn gọn nhanh chóng để làm điều này:

$('#IDHere').animate({marginLeft: '+=100px'}, 0); 

Here's a quick example of this. Các 0 làm cho điều này xảy ra trong một khung duy nhất, nếu bạn thực sự muốn tạo ảnh động, hãy thay đổi 0 thành số mili giây bạn muốn, like this.

Answer 3

$("p").css({marginLeft: function(index, value) { 
    return parseFloat(value) + 100; 
}}); 

Answer 4

Bạn chỉ có thể đạt được điều này chỉ sử dụng .css (xem ví dụ dưới đây)

$('#element-id').css('margin-left', '+=100px');