jQuery динамическое получение содержимого тега

Question

Прежде всего, я знаю, что мой вопрос, кажется, уже много раз задавался, но у меня возникает странная проблема.

Вот ситуация:

У меня есть целое число (динамически загружен) в этом теге:

<i id="my_id">{{here's my integer}}</i>

То, что я хочу сделать, это получить целое внутри моего тега, но это целое число сначала устанавливается на 0 (когда страница не загружена полностью), а затем через 2 или 3 секунды это целое значение установлено на его реальное значение.

Итак, я пробовал что-то вроде этого:

var test = 0; 
$('#my_id').change(function(){ 
    test = $('#my_id').html(); 
}); 

console.log(test); 

Это всегда возвращает меня 0. Я пробовал много вещей, чтобы получить текущее значение моего тега, но я не могу найти способ добиться успеха. Не могли бы вы помочь мне получить это целое число?

Сердечно, Роб.

Answer 1

change событие только у input элементов. Вы можете попробовать опрос значение следующим образом:

var intervalId = setInterval(function() { 
    var value = parseInt($('#my_id').text(), 10); 

    if(value > 0) { 
     clearInterval(intervalId); 
     //... do stuff 
    } 

}, 250); //poll every 250ms 

Другой способ заключается в огонь пользовательское событие при изменении значения:

//Somewhere in your code where you set the value in the i tag: 
$('#my_id').text(value); 
$('#my_id').trigger("valueChanged"); 

//Elsewhere in your code 
$('#my_id').on("valueChanged", function() { 
    var value = parseInt($(this).text(), 10); 
    if(value > 0) { 
     //... do stuff 
    } 
});