隐藏div，除非关联的数字字段大于0

Question

我有一组数字输入字段，标记为小＆amp; medium ..，以及一组带有中小标签的div。在我的实际项目中，将有更多的尺寸，而不仅仅是中小型。当您向小数字输入字段添加数字时，文本输入插入后标记为小的div。从小数字输入字段中减去数字时，将删除最近添加的文本输入字段。

如果小数字字段为0，我想要

  <div class="name-number-field-container" data-size="Small"> 

要隐藏，如果小数字字段大于0我想要

  <div class="name-number-field-container" data-size="Small"> 

显示。中等也是如此。

http://jsfiddle.net/7PhJZ/62/ 我试过了：

$(document).ready(function() {
    if ($("input.product-quantity").val() === '0') {
        $(".name-number-field-container").hide();
    }
    else {
        $(".name-number-field-container").show();
    }
}); 

和...

$(document).ready(function() {
    var $input = $("input.product-quantity");
    var $field = $(".name-number-field-container");

    $field[($input.val() === "0" ? 'hide' : 'show')]();
});