JQuery сравнить и перезаписать значения div?

Question

[Андрей Ангелович Сток]

всем привет! Есть такая разметка

<div class="panel my_snippets">
 <div class="panel-body">

                                                        <strong class="my_sitename">Title</strong><br/>
                                                        <span class="text-primary"><a
                                                                    href="https://toster.ru/question/new"
                                                                    target="_blank"
                                                                    class="my_url">https://toster.ru/question/new</a></span><br/><span
                                                                class="my_snippet">TEXT</span>
                                                    </div>

                                                    <div class="panel-footer form-inline">
                                                        <input type="text" class="form-control input-sm my_type"
                                                               placeholder="Тип сайта"
                                                               value=""/>
                                                        <input type="text" class="form-control input-sm my_action"
                                                               placeholder="Наши действия"  value=""/>

                                                        поз:
                                                        <div class="input-group spinner ">
                                                            <input type="number"
                                                                   class="form-control input-sm my_poz" value="">

                                                        </div>
                                                        нег:
                                                        <div class="input-group spinner ">
                                                            <input type="number" 
                                                                   class="form-control input-sm my_neg"  value="">

                                                        </div>
                                                    </div>
                                                </div>

таких блоков на странице много. Мне необходимо при изменении значения любого из input внести эти изменения в такой же input элементу у которого идентичный урл (class="my_url").
Моя часть кода

$(".my_snippets ").each(function (i, e) {
        $(e).find('input').change(function () {
            var zn = $(this).val();
            var cl = $(this).attr('class');
            var url = $(this).parent().prev().find('.my_url').text();
            console.log(cl);
            changeInput(zn, cl, url);


        })

    })

    function changeInput(z, c, u) {
        $(".my_snippets ").each(function (i, e) {
            // var url = $(e).find('.my_url');
            //         if(url.text() == u) {
            //     return url.parent().next().find(c).text() = z;
            //  }
            //
            var url = $(e).find('.my_url').text();
            //console.log(url);
            if (url == u) {
               if($(this).parent().next().hasClass(c)){
                   console.log($(this));
               }

            }
        })

    }

Не могу правильно подставить измененное значение в нужный инпут. Помогите, пожалуйста

Answer 1

[Stalker_RED]

У инпута не .text() а .val()

Ну и вообще можно упростить код.

$(".my_snippets input").change(function () {
            var zn = $(this).val();
            var cl = $(this).attr('class');
            var url = $(this).closest('..my_snippets').find('.my_url').val();
            changeInput(zn, cl, url);
});

Comments

[Андрей Ангелович Сток]

('.my_url') - это не инпут. ПРоблема в самой замене. не могу правильно вставить значение в нужный инпут

[Stalker_RED]

your_uncle, для вставки в инпут используйте .val()
если это не инпут - используйте .text() или .html()

Что такое "нужный инпут"?

[Андрей Ангелович Сток]

вот смотрите. есть на странице куча блоков, подобных тому который я показал выше. в этом блоке 4 инпута. Если в какой-либо инпут вводится значение, то необходимо отыскать на странице блок с идентичным УРЛом и в такой же инпут подставить значение из изменяемого инпута. у каждого инпута есть свой класс (my_poz, my_neg, my_action, my_type) . my_url - это класс со значением УРЛ

[Stalker_RED]

отыскать на странице блок с идентичным УРЛом

Идентичный чему?

и в такой же инпут подставить

Где в вашем примере такой-же инпут?

[Андрей Ангелович Сток]

урл = урл. урлы могут повторятся. есть на странице куча блоков, подобных тому который я показал выше. в этом блоке 4 инпута. у каждого инпута свой класс

[Stalker_RED]

your_uncle, можете собрать пример на jsfiddle или plnkr?

[Андрей Ангелович Сток]

спасибо! почти разобрался. почему-то только не работает функция changeInput при изменении последних двух инпутов, что очень странно((((

[Stalker_RED]

your_uncle, вы же понимаете, что я не вижу ваш код?