Question

由于某些奇怪的原因，我的网站正在复制div元素。在我试图找出它被复制的原因之前，我正在研究一种暂时隐藏重复div的方法。

我已尝试过以下脚本：

 $(document).ready(function() {
     $('.ms-account-wrapper').eq(1).remove();
 });

HTML：

<div class="ms-account-wrapper">1</div>
<div class="ms-account-wrapper">2</div> <---want to remove this one

有什么想法吗？

非常感谢

最高

Answer 1

选择remove()除{1}之外的.ms-account-wrapper类的所有元素：

$(".ms-account-wrapper:not(:first)").remove();

无论有多少.ms-account-wrapper元素

，这都有效

Working example

Answer 2

jQuery选择器将返回该类的所有元素的数组。您可以像引用数组的索引一样引用第二个元素：

$(document).ready(function() {
  var _divs = $('.ms-account-wrapper');
  // Ensure there is more than 1
  if (_divs.length > 1)
    _divs[1].remove();
});

这是codepen。

Answer 3

试试这个：

<script>
 $(document).ready(function() {
 $('.ms-account-wrapper:last').remove();
 });
 </script>

Answer 4

你可以实现这个目标

$(document).ready(function() {
 $('.ms-account-wrapper').not(':first').remove();
});

工作示例（此处将在3秒后移除以进行演示）

 setTimeout(function(){$('.ms-account-wrapper').not(':first').remove();},3000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="ms-account-wrapper">1</div>
<div class="ms-account-wrapper">2</div>
<div class="ms-account-wrapper">3</div>
<div class="ms-account-wrapper">4</div>
<div class="ms-account-wrapper">5</div>

Answer 5

试试这个： -

<script>
   $(document).ready(function() {
       $('.ms-account-wrapper').first().nextAll().remove();
   });
</script>

Answer 6

$(document).ready(function() {
   var _divs = $('.ms-account-wrapper');
   // Ensure there is more than 1
   if (_divs.length > 1){
      for(var i=1;i<_divs.length;i++)
          _divs[i].remove();
   }
});

你可以尝试这个...如果超过2也可以

使用JQuery删除Duplicate div类

6 个答案: