如何删除div引用jquery中的id名称

时间:2014-10-01 02:14:35

标签: jquery

我想删除所有包含'.dashboard-row'的div类,其中数字排除第0行,我可以使用正则表达式删除吗?

以下是您可以参考的简单HTML。在这种情况下,我想删除类

dashboard-row dashboard-row1

dashboard-row dashboard-row2

dashboard-row dashboard-row3

dashboard-row dashboard-row4

   <div class="dashboard-row dashboard-row1">
      ....
   </div>
   <div class="dashboard-row dashboard-row2">
      ....
   </div>
    <div class="dashboard-row dashboard-row3">
       ....
    </div>
    <div class="dashboard-row dashboard-row4">
       ....
    </div>
    <div class="dashboard-row dashboard-row0" style="visibility:hidden">
        ....
    </div>

目前,我只是硬代码tp删除这样的div。但我认为这不是一个好的解决方案。

for(var i=1; i<=1000;i++)
{
    $('.dashboard-row' + i).remove();
}

1 个答案:

答案 0 :(得分:4)

$('div[class^="dashboard-row"]').remove();

选择器会将每个div与以class开头的dashboard-row匹配。


由于您尚未发布HTML,因此我不知道dashboard-row是否是属性中列出的第一个类。您可以改为使用它:

$('div[class*="dashboard-row"]').remove();

此选择器会将每个divclass匹配,其中包含dashboard-row 任何地方


现在您已经发布了HTML ...

$('div.dashboard-row').remove();

就是你所需要的一切。