javascript - 使用 Jquery 同时将 html 和 text 设置为一个元素

Question

嗨，我如何将文本和 html 设置为现有元素。当我点击 div text 和 html 都应设置为 h1标签。我尝试过这样但它不起作用。预期输出如下，谢谢!
<h1 id="brandBtn"><span class='text-danger'>Name</span>Apple</h1>

<div id="category">
  sometext
  <h1 id="brandBtn"></h1>
</div>

$("#category").onClick(function(){
  $("#brandBtn").html("<span class='text-danger'>Name</span>:").text("Apple")
})

Answer 1

您可以更改为:使用附加而不是文本

    $("#category").on("click", function(){
      $("#brandBtn").html("<span class='text-danger'>Name</span>:").append("Apple")
    });