Как передать нужный елемент?

Question

[Anton Essential]

Помогите разобраться с выводом значения, скачал rangeslider, и мне нужно выводить в отдельный тег значения слайдера, т.е. тяну ползунок и в теге пересчитывается кол-во чего нибудь, это стандартный код и он работает, но елси я var output подставляю к к примеру $('my-tag') он перестает считать.

$(function () {
    var $document = $(document);
    var selector = '[data-rangeslider]';
    var $inputRange = $(selector); 


    function valueOutput(element) {
        var value = element.value;
        var output = element.parentNode.getElementsByTagName('output')[0];
 /* Это строка не понятна , если я в var output передаю к примеру тот тег который мне 
нужен $('some-tag') слайдер перестает пересчитывать значения в нем.*/
        output.innerHTML = value;
    } /** * Initial value output */
    for (var i = $inputRange.length - 1; i >= 0; i--) {
        valueOutput($inputRange[i]);
    } /** * Update value output */
    $document.on('input', selector, function (e) {
        valueOutput(e.target);
    }); /** * Initialize the elements */
    $inputRange.rangeslider({
        polyfill: false
    }); 
  });

Comments

[Bowen]

Я правильно понял, что вы заменили строку:

element.parentNode.getElementsByTagName('output')[0]

На:
$('some-tag')[0]
слайдер перестает пересчитывать значения в нем ?

[Anton Essential]

Bowen: Да спасибо за ответ, этот вариант я рассматривал но код так и не заработал. Пришлось переделать все.

Answer 1

[Anton Essential]

Нашел решение.

$(function() {
    var $document = $(document);
    var $r = $('input[type="range"]');
    var output = document.querySelectorAll('output')[0];
  
    // set initial output value
    // output.innerHTML = $r[0].value;
    
    // update output value
    $document.on('input', 'input[type="range"]', function(e) {
      output.innerHTML = e.currentTarget.value;
    });
    
    // Initialize
    $r.rangeslider({
      polyfill: false
    }); 
  });