首页 > 解决方案 > 如何选择jQuery变量的内部

问题描述

我在 jQuery 对象中有一些 HTML:

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 变量的内部?

标签: javascriptjquerycss

解决方案


就像元素在 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>


推荐阅读