如果输入设置为0,如何从DOM中删除？

Question

我是jQuery的新手.如果输入的值设置为0,我试图从DOM中删除div.所有div都有一个名为"item"的类,就好像它们是购物车中的项目一样.

有没有删除按钮设置为0时删除每个div的方法？

<div class="item">
  <label for="inputQuantity">Quantity</label>
  <input type="text" id="inputQuantity" placeholder="1">
</div>

<div class="item">
  <label for="inputQuantity">Quantity</label>
  <input type="text" id="inputQuantity" placeholder="1">
</div> 

http://jsfiddle.net/A9cm7/

Answer 1

你有重复的ID,摆脱那些共同的类:

<div class="item">
  <label>Quantity</label>
  <input type="text" class="inputQuantity" placeholder="1">
</div>

然后做:

$(".item .inputQuantity").blur(function() {
    if (this.value == 0) {
        //remove it
        $(this).closest(".item").remove();
    }
})

这将设置blur你的输入处理程序,如果value是0上blur,那么它会删除DIV.