来自 CSS ID 的百分比变量答案

【问题标题】：Percent Variable from CSS ID来自 CSS ID 的百分比变量
【发布时间】：2016-06-22 15:50:13
【问题描述】：

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

【问题讨论】：

试试 document.getElementById('number1') .value
#number1是什么类型的元素？您应该通过 jQuery ($('#number1')) 选择它并在其上使用 val() 或 text()。目前，您正在传递 percent 一个不起作用的 DOMElement。另请注意，在这种情况下，闭包是多余的。
感谢 Rory，我之前在 JQuery 中做过，但没有成功，现在我发现是 .text() 上的冗余闭包搞砸了。干杯！

标签： javascript jquery css function var

【解决方案1】：

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

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

【讨论】：