javascript - 按隐藏字段的值删除隐藏字段

Question

我有一个包含一些值的页面，如下所示:

 <div id="productList" >
   <input type="hidden" name="product[0].id" value="21">
   <div id="21" >BeanCounter</div>
   <input type="hidden" name="product[1].id" value="22">
   <div id="22" >CallGate</div>
</div>

现在我想删除 value=21 的隐藏字段和 id=21 的 div。

我有这个:

function remove(id){
    var remove = $(id);
    $('productList').removeChild(remove);

但是如何删除隐藏字段呢？你能通过值得到一个对象吗？

edit 错过了 mootools 标签，不确定 jquery 标签来自哪里。我想 mootools 并不常见，但希望这可以用简单的 javascript 来完成。

嗯标签又变回jquery了？

Answer 1

Mootools 解决方案:

function remove(id){
    $('productList').getElements('input[value="' + id + '"], div[id="' + id + '"]').destroy();
}

jQuery 解决方案:

function remove(id){
    $('input[value="' + id + '"], div[id="' + id + '"]').remove();
}