Javascript 使用Jquery将html和文本同时设置为一个元素

您好，我如何将文本和html都设置为现有元素。当我点击

div

text和html时，它们都应该设置为

h1

tag。我试过这样做，但不起作用。期望输出像这样谢谢

NameApple

一些文字
$（“#类别”）.onClick（function（）{
$（“#brandBtn”）.html（“名称：”）.text（“苹果”）
})

您可以更改为：使用append代替text

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

$（“#类别”）。在（“单击”，函数（）{
$（“#brandBtn”）.html（“名称：”）.append（“苹果”）
});

谢谢，它可以工作，但为什么不能与文本一起工作？使用文本时，此部分将被覆盖（名称：）

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