如何刪除以「A」開始並以「Z」結尾的元素？

Question

我有以下腳本

<script type="text/javascript"> 
    $(document).ready(function(){ 
     if ($("input[id^='ABCD']").$("input[id$='Z']")) {   
      $("input[id^='ABCD']").$("input[id$='Z']").remove(); 
     } 
    }) 
</script> 

而且我要刪除其ID與「ABCD」開始，以「Z」結尾的元素。 我該怎麼做？

Answer 1

可以結合使用這些匹配元素都與ABCD開始，以Z

$(document).ready(function(){ 
    $("input[id^='ABCD'][id$='Z']").remove(); 
}); 

這最終消除像<div id="ABCD_something_Z" ...

刪除元素與ABCD和元素結尾開始Z

$(document).ready(function(){ 
    $("input[id^='ABCD'], input[id$='Z']").remove(); 
}); 

這消除<div id="ABCDEF">和<div id="crapZZZ">

Answer 2

這是另一種方法。如果你在處理很多元素，這可能會更快一些。

$('input').filter(function(){ 
    return this.id.slice(0,4) === 'ABCD' && this.id.slice(-1) === 'Z'; 
}).remove(); 

演示：http://jsbin.com/fahupube/1/edit?html,js,output