来自 CSS ID 的百分比变量

Question

我正在尝试从 CSS #number1 调用 percentValue 并在函数中用它运行代替通常可以在之后找到的绝对数字"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);

Answer 1

var percentValue = document.getElementById('number1'); 目前此代码正在选择 HTML 元素 而不是它包含的值

假设 number1 是一个文本框之类的，你可以这样做： var percentValue = document.getElementById('number1').value; 或者（使用 jQuery）： var percentValue = $("#number1").val();

来自 CSS ID 的百分比变量

Percent Variable from CSS ID

javascript

css

jquery

var

function