Как выбрать внутреннюю переменную jQuery

Question

У меня есть HTML в jQuery объекте:

var $div = $(`
  <div class="myDiv">
    <p class="name"></p>
    <p class="data"></p>
  </div>`);

Я хочу изменить содержимое элементов <p>, поэтому я попытался так, но тщетно:

// Attempt #1
$div.".name".html("name here");

// Attempt #2
$div."> P".html("name here");

Как я могу использовать селектор, чтобы получить внутреннюю часть переменной jQuery?

Answer 1

Как и в случае с элементами в DOM, вам нужно использовать find() для извлечения элементов внутри объекта. Попробуйте это:

var $div = $(`<div class="myDiv">
  <p class="name"></p>
  <p class="data"></p>
</div>`);

$div.find('p').text('name here');
$div.appendTo('body');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>