Добрый день. Подскажите, пожалуйста, такой вопрос.
Есть 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>