JQuery :删除类，而不是子内容

JQuery : Remove class, not child content

本文关键字：删除 JQuery      更新时间：2023-09-26

我使用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>

如何

选项 1

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

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

编辑：似乎我有点误读了这个问题（基于您指示的所需输出）。

选项 2

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

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

jQuery replaceWith

除了追加，调用removeClass 

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

试试这个

var tmp = $(".contentx").html();    
$('.contentx').append(tmp);     
var tmp2 = $(".contentx").html();   
$('.contentx').remove();
$('#sidebar').append(tmp2);
相关文章：