如何删除以“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