如何在div中用类和ID名称替换html

Question

我不知道这是否可行，我知道如何替换html标签以及ID和/或类名。但是可以用其中的类和ID名称替换html代码块吗？我的代码不起作用，我也不知道为什么。

我在这里有此代码

//This is the code that I want to replace, inside the graph_analysis
<div class="card mt-12" id="graph_analysis">
  <div class="row">
    <div class="col-lg-8 col-md-12">
       <canvas id="bar-chart-grouped" width="100%" height="100%"></canvas>
    </div>
    <div  class="col-lg-4 col-md-12">
        <p id='analysis-text'></p>
    </div>
  </div>
</div>

//This is the jQuery code where the user triggers the function, it should replace the existing block of code inside the div graph_analysis
$("#graph_analysis").html(" <div class='card-img-top img-fluid' style='width: 100%; height: 50%;'><canvas id='bar-chart-grouped' width='100%' height='50%'></canvas></div><div class='card-body'><div class='row'><p id='analysis-text'></p></div></div> ");