Как вывести корректно значение?

Question

[Alibek Kulseitov]

Есть такой код:

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

        slider.each(function(){

            value.each(function(){
                var value = $(this).next().attr('value');
                $(this).html(value);
            });

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

    rangeSlider();

<div class="range-slider">
                                        <div class="range-slider__output">
                                            <div class="range-slider__value">0</div> M
                                        </div>
                                        <input class="range-slider__range" type="range" value="100" min="0" max="500">
                                    </div>

Я хочу чтобы у значения на выходе было окончание с буквой "М". Это единица на сайте.
Но когда мы двигаем слайдер то верстка разрушается и буква М пропадает.

Answer 1

[0xD34F]

Замените

$(this).prev(value).html(this.value);

на

$(this).prev(value).find('.range-slider__value').html(this.value);

Comments

[Alibek Kulseitov]

Спасибо работает! А можете объяснить что Вы именно сделали? Словами))

[0xD34F]

Могу. Но не буду. Откройте документацию, почитайте, что делает метод find. Потом внимательно посмотрите на свою разметку. И всё станет ясно.