Percent Variable from CSS ID

Question

I'm trying to call percentValue from CSS #number1 and have it run in the function in place of the absolute number which can usually be found after "percent":. I'm not really sure how it works and any help would be amazing.

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

Updated Code (Answered)

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

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

What type of element is #number1? You should select it via jQuery ($('#number1')) and use either val() or text() on it. Currently you're passing percent a DOMElement which isn't going to work. Also note the closure is redundant in this case. — Rory McCrossan
– Rory McCrossan, Commented Mar 8, 2016 at 15:48
Thanks Rory, I had done it in JQuery before and hadn't worked, now i see it was the redundant closure on the .text() that was messing it up. Cheers! — JoshT
– JoshT, Commented Mar 8, 2016 at 16:14

ADyson · Accepted Answer · 2016-03-08 16:02:01Z

1

var percentValue = document.getElementById('number1'); Currently this code is selecting the HTML element not the value it contains

Assuming number1 is a textbox or something, you can do: var percentValue = document.getElementById('number1').value; or (using jQuery): var percentValue = $("#number1").val();

answered Mar 8, 2016 at 16:02

ADyson

62.9k16 gold badges88 silver badges100 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Percent Variable from CSS ID

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related