Какой хук или фильтр отвечает за вывод данной картинки?

Спасибо, а вот если я хочу оставить плагин zoom, то тогда как ?

P.S. Ведь если я переопределю, то у меня все с 0 нужно будет делать ?

Как при изменении выпадающего списка ul одновременно изменять и список с select'ом?

4mobile, а можно связать эти 2 списка ?

Допустим при переключении select менять ul и при переключение ul - менять select

P.S. Или можно через js вывести select и ul, подставив туда соответствующие переменные ?

Как при изменении выпадающего списка ul одновременно изменять и список с select'ом?

4mobile, а как сделать в первом случае ?

P.S. Нужно циклом перебирать ?

Как при изменении выпадающего списка ul одновременно изменять и список с select'ом?

Спасибо )

А вот если у меня в option другие value, то тогда как ?

Как правильно добавить в DOM дерево 2 div?

Рустам Байназаров, очень важно понимать как это будет работать на jquery, а как - на нативном javascript'е

P.S. Пример смогли бы показать ?

Как правильно добавить в DOM дерево 2 div?

hzzzzl, на нативном даже можно так:

var input = document.querySelectorAll('.input'),
  buffer = [];
for (var i = 0; input.length > i; i++) {
  buffer[i] = document.createElement('div');
  buffer[i].className = "buffer";
  input[i].parentNode.insertBefore(buffer[i], input[i].nextSibling);
}

Но как что-то похожее на jquery сделать :/

Как правильно добавить в DOM дерево 2 div?

Это не из-за этого, если убрать этот код, то все появляется:

buffer[i], $(input[i]).contents()

Полный вариант:

$(input[i]).parent().insertBefore(buffer[i], $(input[i]).contents());

Как правильно добавить в DOM дерево 2 div?

Спасибо, а на jquery именно как такое сделать ?

В чем отличие в данном случае?

Павло Пономаренко, хорошо, вот тоже неплохой вариант предложили

$('input').each(function(index, item) {
        item= $(item);
        item.on('keyup', function() {
          return funIn(index, item)
        });
    });

В чем отличие в данном случае?

Павло Пономаренко, понял - спасибо

А аналог этой функции что будет ?

$('selector').find('input').each(function(index, item) {
        item= $(item);
        item.on('keyup', () => funIn(index, item));
    });

Т.е. если бы тут была не стрелочная функция ?

Точнее, это же упрощённый вариант ?

В чем отличие в данном случае?

Павло Пономаренко, есть 2 инпута

Нужно им в цикле изменять ширину при вводе текста, аналог this

$('selector').on('keyup', 'input', function () {
  funIn( this );
});

В данном примере (при вводе текста) будет увеличиваться ширина только у одного инпута ?

В чем отличие в данном случае?

Спасибо большое, а без bind сделать никак нельзя ?

В чем отличие в данном случае?

ну замените на обычную, делов-то

Не совсем понятно, хотелось бы пример

В чем отличие в данном случае?

Andrew, нет

Как в input вывести value range ползунков?

Дмитрий, вот еще вариант: https://jsfiddle.net/Genri_Rus/hoswfcdr/

Но там баг с ползунками, может этот вариант лучше ?

Как в input вывести value range ползунков?

Дмитрий, буду ждать )

P.S. Хотелось бы увидеть ваш вариант данного варианта

Как в input вывести value range ползунков?

Дмитрий, я так понял ползунки типа range плохо поддаются js ?

Как в input вывести value range ползунков?

Дмитрий, ну по клику присваивать this и двигать 0 range и 1 range соответственно
Ну по клику двигать в зависимости от ползунка и this, их же 2 получается )

Как в input вывести value range ползунков?

Дмитрий, не подскажите ?

Как в input вывести value range ползунков?

Дмитрий, а вот еще такая проблема

Как заставить по клику двигать ползунки ?

У меня в стилях прописано:

.price-slider input {
    pointer-events: none;
}

Т.к если я уберу данное свойство - почему-то по клику двигается только один ползунок