来自 CSS ID 的百分比变量

Percent Variable from CSS ID

本文关键字:百分比 变量 ID CSS 来自      更新时间:2023-09-26

我正在尝试从 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);

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

假设数字 1 是一个文本框或其他东西,你可以做: var percentValue = document.getElementById('number1').value;或(使用 jQuery): var percentValue = $("#number1").val();