訪問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檢索或設置值。