如何在jquery中刪除div引用id名稱

我想刪除所有包含'.dashboard-row'的編號排除第0行的div類，我可以使用正則表達式來刪除嗎？如何在jquery中刪除div引用id名稱

以下是您可以參考的簡單HTML。在這種情況下，我想刪除類

儀表盤排儀表板ROW1

儀表盤排儀表板ROW2

儀表盤排儀表板ROW3

儀表盤排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(); 
}

來源

2014-10-01 Chris Mok

你應該在這裏粘貼HTML的一部分，因爲你說的是'all div id contains'.dashboard-row''，但是你的JS代碼正在選擇class屬性。我想你可以做$（'。dashboard-row'.remove（）不需要循環 – BojanT 2014-10-01 02:19:36

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

的選擇每div匹配與class與dashboard-row開始。

因爲我們還沒有發佈你的HTML，我不知道是否dashboard-row是在屬性中列出的第一個類。您可以使用它代替：

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

此選擇每div匹配與class包括dashboard-row內的任何地方。

現在你已經發布你的HTML ...

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

是你所需要的。

來源

2014-10-01 02:18:22 Mooseman

對不起，我想做一些改變.....如果我想刪除排除ID儀表板row0，如何要做到這一點？ – 2014-10-01 02:28:22

@ChrisMok：這是你怎麼做的，'$（'div [id * =「dashboard-row」]'）。remove（）;' – AdityaParab 2014-10-01 02:35:22

對不起，我提供了一些有問題的HTML – 2014-10-01 02:47:26

如何在jquery中刪除div引用id名稱

回答

相關問題