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

Question

[eLig]

Здравствуйте!
linkblock - нужная часть html кода.
result - это html код, в котором есть div с классом view-switch. Его хотелось бы удалить и полученный результат вывести.
Написал это, но в результате присутствует view-switch.

ajax
success: function (result) { 
		
var result = '<div class="list-product"><div class="list-product row mb-5 position-relative plitka">   <div class="col-12 text-right view-switch"><span id="list-prod" class="icon-th-list" title="Отобразить списком" data-type-list="2"></span><span id="block-prod" class="icon-th-large active" title="Отобразить плиткой" data-type-list="1"></span></div><div class="col-12 col-sm-6 px-0"><a class="title px-4" href="">Тягач Volvo FH</a><div class="image w-50 float-left mt-2 mb-3 mb-md-5 px-4"><a rel="nofollow" href=""> <img class="img-fluid" rc="/images/joomlart/article/2e47a889cb49f16cedc2fb576bdb1394.jpg" >        </a>    </div> <div class="solution w-50 float-left mt-sm-2 mb-5 px-4">       <p><span class="label-field">Год выпуска:</span><span class="value-field">2015</span></p>    <p><span class="label-field">Модель:</span><span class="value-field">FH</span></p>    <p><span class="label-field">Мощность, л.с.:</span><span class="value-field">460</span></p>    <p><span class="label-field">Колесная формула:</span><span class="value-field">4x2</span></p>    <p><span class="label-field">Кабина:</span><span class="value-field">Globetrotter</span></p>    <p><span class="label-field">КПП:</span><span class="value-field">Автоматическая ( I-Shift )</span></p>	          <p><a class="readmore" rel="nofollow" href="">Подробнее</a></p>            </div>     			</div>	<div class="col-12 col-sm-6 px-0"><a class="title px-4" href="">Тягач Вольво FH 460 л.с.</a><div class="image w-50 float-left mt-2 mb-3 mb-md-5 px-4"><a rel="nofollow" href="/tyagachi/volvo/tyagach-volvo-fh-460-l-s-2.html"> <img class="img-fluid" src="/images/joomlart/article/0bf5bc097f33c250825823673984474e.jpg" >       </a>    </div> <div class="solution w-50 float-left mt-sm-2 mb-5 px-4">       <p><span class="label-field">Год выпуска:</span><span class="value-field">2015</span></p>    <p><span class="label-field">Модель:</span><span class="value-field">FH</span></p>    <p><span class="label-field">Мощность, л.с.:</span><span class="value-field">460</span></p>    <p><span class="label-field">Колесная формула:</span><span class="value-field">4x2</span></p>    <p><span class="label-field">Кабина:</span><span class="value-field">Globetrotter</span></p>    <p><span class="label-field">КПП:</span><span class="value-field">I-Shift</span></p>	          <p><a class="readmore" rel="nofollow" href="">Подробнее</a></p>            </div>    			</div>			<div class="preloader"></div>    </div></div>';
    
var resultData = jQuery(result).find('.list-product').html();	
jQuery(resultData).find(".view-switch").remove();
jQuery('.list-product').append( resultData );

 }

Answer 1

[shmatuan]

$(".view-switch").remove()

Этот код только удаляет класс jQuery(resultData).remove('.view-switch');

https://api.jquery.com/remove/

Comments

[eLig]

$(".view-switch").remove() - это удаляет на всей странице, а мне нужно удалить в resultData.
jQuery(resultData).remove('.view-switch'); - нужного результата не дает.

[shmatuan]

eLig, jQuery(resultData).find('.view-switch').remove();
p.s. обновил пример на codepen

[eLig]

shmatuan, Не работает. Вот пример кода

var result = '<div class="list-product"><div class="list-product row mb-5 position-relative plitka">   <div class="col-12 text-right view-switch"><span id="list-prod" class="icon-th-list" title="Отобразить списком" data-type-list="2"></span><span id="block-prod" class="icon-th-large active" title="Отобразить плиткой" data-type-list="1"></span></div><div class="col-12 col-sm-6 px-0"><a class="title px-4" href="">Тягач Volvo FH</a><div class="image w-50 float-left mt-2 mb-3 mb-md-5 px-4"><a rel="nofollow" href=""> <img class="img-fluid" rc="/images/joomlart/article/2e47a889cb49f16cedc2fb576bdb1394.jpg" >        </a>    </div> <div class="solution w-50 float-left mt-sm-2 mb-5 px-4">       <p><span class="label-field">Год выпуска:</span><span class="value-field">2015</span></p>    <p><span class="label-field">Модель:</span><span class="value-field">FH</span></p>    <p><span class="label-field">Мощность, л.с.:</span><span class="value-field">460</span></p>    <p><span class="label-field">Колесная формула:</span><span class="value-field">4x2</span></p>    <p><span class="label-field">Кабина:</span><span class="value-field">Globetrotter</span></p>    <p><span class="label-field">КПП:</span><span class="value-field">Автоматическая ( I-Shift )</span></p>	          <p><a class="readmore" rel="nofollow" href="">Подробнее</a></p>            </div>     			</div>	<div class="col-12 col-sm-6 px-0"><a class="title px-4" href="">Тягач Вольво FH 460 л.с.</a><div class="image w-50 float-left mt-2 mb-3 mb-md-5 px-4"><a rel="nofollow" href="/tyagachi/volvo/tyagach-volvo-fh-460-l-s-2.html"> <img class="img-fluid" src="/images/joomlart/article/0bf5bc097f33c250825823673984474e.jpg" >       </a>    </div> <div class="solution w-50 float-left mt-sm-2 mb-5 px-4">       <p><span class="label-field">Год выпуска:</span><span class="value-field">2015</span></p>    <p><span class="label-field">Модель:</span><span class="value-field">FH</span></p>    <p><span class="label-field">Мощность, л.с.:</span><span class="value-field">460</span></p>    <p><span class="label-field">Колесная формула:</span><span class="value-field">4x2</span></p>    <p><span class="label-field">Кабина:</span><span class="value-field">Globetrotter</span></p>    <p><span class="label-field">КПП:</span><span class="value-field">I-Shift</span></p>	          <p><a class="readmore" rel="nofollow" href="">Подробнее</a></p>            </div>    			</div>			<div class="preloader"></div>    </div></div>';
		
var resultData = jQuery(result).find('.list-product').html();	
jQuery(resultData).find(".view-switch").remove();
jQuery('.list-product').append( resultData );