Вебжл вроде для такого

Добрый день. Подскажите, пожалуйста, такой вопрос.

Есть ajax, и 4 блока с одинаковым классом - .result-search .result-search-list, по success, мне нужно аппендить html, как сделать append блоку this, а не сразу 4ем. Спасибо.

$(document).on('input', '.page-template-page-newversusform .form-control', function () {
           var nametv = $(this).val();

           $.ajax({
               url: TvCompareSettings.ajaxUrl,
               type: 'POST',
               
               data: {
                   action: 'tvf_compare',
                   nametv: nametv,
                   tvfNonce: TvCompareSettings.nonceField
               },
               success: function( response ) {
                   $('.result-search .result-search-list').html(response);
               }
           });
       });
   }


<div class="input-group border rounded-top">
                     <div class="input-group-prepend">
                       <div class="input-group-text border-0"># TV 1</div>
                     </div>
                     <input type="text" class="form-control border-0" value="" />
                   </div>
                   <div class="result-search border border-top-0 rounded-bottom shadow">
                     <div class="result-search-list"></div>
                   </div>

                   <div class="input-group border rounded mt-3">
                     <div class="input-group-prepend">
                       <div class="input-group-text border-0"># TV 2</div>
                     </div>
                     <input type="text" class="form-control border-0" value="" />
                   </div>
                   <div class="result-search border border-top-0 rounded-bottom shadow">
                     <div class="result-search-list"></div>
                   </div>

<div class="input-group border rounded-top">
                     <div class="input-group-prepend">
                       <div class="input-group-text border-0"># TV 3</div>
                     </div>
                     <input type="text" class="form-control border-0" value="" />
                   </div>
                   <div class="result-search border border-top-0 rounded-bottom shadow">
                     <div class="result-search-list"></div>
                   </div>

                   <div class="input-group border rounded mt-3">
                     <div class="input-group-prepend">
                       <div class="input-group-text border-0"># TV 4</div>
                     </div>
                     <input type="text" class="form-control border-0" value="" />
                   </div>
                   <div class="result-search border border-top-0 rounded-bottom shadow">
                     <div class="result-search-list"></div>
                   </div>

Через замыкание. Можно создать переменную-ссылку на this в теле функции до вызова $.ajax.

Привет  , почему .removeClass не удаляет класс , а .addClass добавляет класс. Что я делаю не так ?
https://codepen.io/freelancetesting/pen/XWXqvrZ

Потому что класса .answer-one у объекта с селектором #N нет, у него есть класс answer-one.

Вероятно, с толку сбило то, что в селекторах элементы по классу выбираются всегда с точкой в самом начале (например, .color, .row), но к имени класса она никакого отношения не имеет, это указание на то, что мы ищем элемент по классу. Точно также, как в селекторе по идентификатору используется решётка, но никакого отношения к самому идентификатору она не имеет, она только показывает, что далее будет идентификатор.

спасибо , разобрался , учусь

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

Всем привет!
Что-то не могу сдвинуться с места - уже устал наверное
Так работает

а так нет

sass

в пробеле проблема. Как обойти?

Что вместо &?

что имеется ввиду?

Какой селектор уровнем выше?

я уже понял

логику

в первом случае правило создаётся .seven__item:nth-child(6) .seven__item-color-line