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 replaceWith

Answer 2

除了追加，请致电removeClass

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

Answer 3

试试这个

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

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

3 个答案: