Селекторы, не выбирающие дочерние элементы или содержимое при выполнении обратного вызова Ajax

#jquery #ajax

Вопрос:

Привет,

Я хочу получить содержимое из 2 разделов на странице, которая выглядит следующим образом:

 <div id="mainDiv">some pears</div>
<div id="subDiv">some apples</div>
 

я попробовал этот код:

 let $data = $(data);
var $pears = $data.filter("#mainDiv");
var $apples = $data.filter("#subDiv");

$("#cont1").html($pears);
$("#cont2").html($apples);
 

но это также импорт контейнеров, которые мне не нужны, только содержимое, поэтому я попытался:

 var $pears = $data.filter("#mainDiv > *");
 

но сейчас ничего не импортируется. Это почему?

Спасибо.

Ответ №1:

Внутри показанных элементов нет элементов, поэтому использование селектора "#mainDiv > *" не возвращает совпадений. Текстовые узлы не считаются элементами

Попробуйте вместо этого просто получить внутренний html

 var pears = $data.filter("#mainDiv").html();
$("#cont1").html(pears);