访问span标记内的值

Question

I'm trying to modify this range slider . Since I have to incorporate this slider in another file I need to understand how it works. In particular I would like to know where the code returns the selected year.

I tried adding these prints but it doesn't print the correct year.

var rangeSlider = function() {
  var slider = $('.range-slider');
  var range = $('.range-slider__range');
  var value = $('.range-slider__value');

  // added print
  console.log(value);

  slider.each(function() {
    value.each(function() {
      var value = $(this).prev().attr('value');
      $(this).html(value);

      // added print
      console.log(value);
      console.log(value.innerHMTL);
      console.log(value.innerText);
    });

    range.on('input', function() {
      $(this).next(value).html(this.value);
    });
  });
};

rangeSlider();

Looking on Chrome, I see that the value being edited is in span . I can't access to that value. How can I do that?

Thanks

Answer 1

The content of an element can be accessed using text() method. For example:

$('#your_element').text();

Answer 2

您可以尝试命名每个输入（例如，添加id="Slider_1" ），然后使用JQUERY检索或设置值。