jQuery setInterval для постоянного обновления атрибута данных

Question

У меня есть имя класса div "tw_marquee_scroller". Я хочу обновить его значение данных влево каждые 1 секунду. Например, в первой секунде значение будет 10, затем 20,30,40 ....... Я использую этот код, но он продолжает возвращать 10 снова и снова. Что случилось с этим?

jQuery(document).ready(function($){ 

    $('.tw_marquee_scroller').attr('data-left', 0); 

    setInterval(function(){ 
     var position = parseInt($('.tw_marquee_scroller').data('left')); 
     var new_position = position + 10; 
     $('.tw_marquee_scroller').attr('data-left', new_position); 
     console.log(new_position); 
    }, 1000); 

}); 

Answer 1

Попробуйте также писать data атрибут с data(), а не attr():

$('.tw_marquee_scroller').data('left', 0); 

setInterval(function(){ 
    var position = parseInt($('.tw_marquee_scroller').data('left')); 
    var new_position = position + 10; 
    $('.tw_marquee_scroller').data('left', new_position); 
    console.log(new_position); 
}, 1000); 

Answer 2

почему вы не принимали значение таким же образом?

jQuery(document).ready(function($){ 

    $('.tw_marquee_scroller').attr('data-left', 0); 

    setInterval(function(){ 
     var position = parseInt($('.tw_marquee_scroller').attr('data-left')); 
     var new_position = position + 10; 
     $('.tw_marquee_scroller').attr('data-left', new_position); 
     console.log(new_position); 
    }, 1000); 

}); 

Answer 3

Изменение data('left') в том, что линия:

var position = parseInt($('.tw_marquee_scroller').attr('data-left')) 

И он будет работать

Answer 4

Вот менее оконного загрязняя-короче подход:

$((function($) { 
var scroller = $('.tw_marquee_scroller'); 

scroller.data('left', 0); 

setInterval(function() { 
    scroller.data('left', parseInt(scroller.data('left'), 10) + 10); 
    console.log(scroller.data("left")); 
}, 1000); 

}(jQuery.noConflict())))