Question

这是我的jquery，我正在尝试在abc div类内添加新数据


var html = '<div class="wrapper"><div class="abc"></div></div>';

if (someData == "YES"){

  var newHTML = '<div>hello</div>';
  $(html).find(".abc").html(newHTML);

}

$(body).html(html);

如何获取更新的HTML？

Answer 1

问题是因为您根据Loading One at 31207575500045 Two at 31207575625697 Evaluating One at 31207575500045 Two at 31207575625697中的字符串创建了一个jQuery对象，并且对该对象进行了修改，但没有在任何地方存储对该对象的引用。

调用html时，您要附加的是原始字符串，而不是您更改的jQuery对象。因此，您需要将逻辑更改为此：

$(body).html()

Answer 2

您在看这个吗？

var someData = 'YES';

var html = '<div class="wrapper"><div class="abc"></div></div>';

$('#testDiv').append($(html));


if (someData == "YES"){

  var newHTML = '<div>hello</div>';
  $('#testDiv').find(".abc").html(newHTML);

}
console.log($('#testDiv').html());

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

<div id= "testDiv"></div>

</body>

尝试在DIV中添加内容

2 个答案: