javascript - JQuery：删除类，而不是子内容

Question

我使用 jQuery 将内容附加到每个contentx类中。

  <div id="sidebar">
     <div class="contentx"></div>
     <div class="contentx"></div>
   </div>
  <script>
    $("#sidebar .contentx").each(function()
    {
    //Append here
    }
 </script>

附加后我有，例如：

   <div id="sidebar">
     <div class="contentx">
       something 1 is inserted here.
     </div>
     <div class="contentx">
      something 2 is inserted here.
     </div>
   </div>

但我想在附加内容时删除 class="contentx" 。这意味着我只有：

<div id="sidebar">
 something 1 is inserted here.
 something 2 is inserted here.
</div>

如何

Answer 1

选项1

如果您只是想在添加内容后从 div 中删除类“contentX”，您可以尝试以下操作：

$('#sidebar .contextX').each(function () {
    // Append here.
}).removeClass('contextX');

编辑：似乎我误读了这个问题（根据您指定的所需输出）。

选项 2

如果您想删除整个元素并将其替换为您选择的内容？为此，您可以尝试：

$('#sidebar .contextX').each(function () {
    $(this).replaceWith('<new content here.>');
});

jQuery 替换

Answer 2

尝试这个

var tmp = $(".contentx").html();    
$('.contentx').append(tmp);     
var tmp2 = $(".contentx").html();   
$('.contentx').remove();
$('#sidebar').append(tmp2);

Answer 3

除了追加，调用removeClass

 $("#sidebar .contentx").each(function()
{
//Append here
    $(this).removeClass('contentx');
}