javascript - 删除具有特定值的复选框

Question

我有以下代码片段，我无法访问其中的标记来添加 id/类。

我需要做的是删除所有具有特定值的复选框。有 10 个左右的值，如果任何复选框具有这些值，则需要将它们从标记中删除。除此之外，我还需要同时删除其关联的文本“添加”，该文本直接在此复选框输入之前。我将如何仅针对这些复选框输入和相关的“添加”文本进行删除？

编辑:假设值是 1234、abcd、efgh、ijkl、54330、ll64 等...我需要检查这些值和其他值。

<table width="100%"cellpadding="0" cellspacing="0"><tr>
<td valign="top">
<b><FONT class="pricecolorsmall colors_productprice">Sale Price: £4.95 </font></b>
<br /><div class="337">Add</div> <input type="checkbox" name="ProductCode2"
value="480GCFD"> 
</td>
</tr></table> 
</td> 
<td valign="top" width="25%"> 
<table width="100%"cellpadding="0" cellspacing="0"><tr>
<td valign="top">
<b><font class="pricecolorsmall colors_productprice"><font class="smalltext colors_text"><b>Sale Price </b></font> £1.00 </font></b>

<br /><div class="337">Add</div> <input type="checkbox" name="ProductCode2"
value="LL64"> 
</td>
</tr></table> 
</td> 
<td valign="top" width="25%"> 
<table width="100%"cellpadding="0" cellspacing="0"><tr>
<td valign="top">
<b><FONT class="pricecolorsmall colors_productprice">Sale Price: £8.50 </font></b>
<br /><div class="337">Add</div> <input type="checkbox" name="ProductCode2"
value="54330"> 
</td>
</tr></table> 
</td> 

<td valign="top" width="25%"> 
<table width="100%"cellpadding="0" cellspacing="0"><tr>
<td valign="top">
<b><FONT class="pricecolorsmall colors_productprice">Sale Price: £4.95 </font></b>
<br /><div class="337">Add</div> <input type="checkbox" name="ProductCode2"
value="460GCRS"> 
</td>
</tr></table>

Answer 1

您可以将要删除的值放在一个数组中，然后过滤这些值。

var valuesToRemove = ["460GCRS","54330","480GCFD"];

$('input').filter(function() {
    return $.inArray(this.value, valuesToRemove) > -1;
}).prev().remove().end().remove();​

这是一个删除您发布的 4 个输入中的 3 个的示例:http://jsfiddle.net/3aPLU/