访问span标记内的值

Question

我正在尝试修改此范围滑块 。 由于我必须将此滑块合并到另一个文件中，因此我需要了解它的工作原理。 我特别想知道代码在哪里返回所选年份。

我尝试添加这些打印件，但是无法打印正确的年份。

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();

在Chrome上查看，我看到正在编辑的值在span 。 我无法获得该价值。 我怎样才能做到这一点？

谢谢

Answer 1

可以使用text()方法访问元素的内容。 例如：

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

Answer 2

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