javascript - CSS ID中的百分比变量

我试图从CSS percentValue调用#number1，并使其在函数中代替通常在"percent":之后可以找到的绝对数。我不太确定它是如何工作的，任何帮助都将是惊人的。

(function($) {
    $(function() {
        var percentValue = document.getElementById('number1');
        /* thermometers with config */
        $('.thermometer').thermometer({
            percent: percentValue,
            speed: 'slow'
        })
    });
})(jQuery);

更新的代码（已回答）
    

(function($) {
  $(function() {
           var percentValue = $('#number1').text()

    /* thermometers with config */
    $('.thermometer').thermometer({
      percent: percentValue,
      speed: 'slow'
    })
  });
})(jQuery);

最佳答案

var percentValue = document.getElementById('number1');
当前，此代码选择的是HTML元素，而不是其包含的值

假设number1是文本框或其他内容，则可以执行以下操作：
var percentValue = document.getElementById('number1').value;
或（使用jQuery）：
var percentValue = $("#number1").val();