0

如果小于或大于 20000，我正在尝试让我们 jQuery 隐藏或显示某些内容

这是我正在使用的表格元素。td.weight 使用自定义运费计算器动态填充。api返回的最大重量为20000磅，然后为零。

如果他们的计算重量超过 20000 磅或小于 20000 磅，我试图通过隐藏或显示 div 来通知用户

如果此输出显示 div.shipping-weight：

<td class="weight"> 20000 <small><em> lb's </em></small><br>
<div class="shipping-weight"><small>*Note: Up to 20,000 lbs max.  For shipping requirements over 20,000 lb's call our</small><br>
<small>PRICING HOTLINE: 1-877-444-444 </small>
</div>
</td>

如果出现以下输出，则隐藏 div.shipping-weight：

<td class="weight"> 19456 <small><em> lb's </em></small><br>
<div class="shipping-weight"><small>*Note: Up to 20,000 lbs max.  For shipping requirements over 20,000 lb's call our</small><br>
<small>PRICING HOTLINE: 1-877-444-444 </small>
</div>
</td>

这是我到目前为止所拥有的。

    $('td.weight').filter(function(index){
return parseInt(this.innerHTML) > 20000;
    }).show('.shipping-weight');

这是一个jsfiddel

*修订：

这似乎不会在我的 ajax 请求中触发，但适用于 jsfiddle。我正在使用 keyup 和 livequery 来发出请求。如下：

        $('.input-mini').keyup().livequery('change', function () {
                url = $(this.form).attr('action');
                data = $(this.form).serialize();
                $.post(url, data, function () {
                        $('#checkout').load('/store/checkout_table');
                        $('#checkout_form').attr('action', url);
    $('.weight').filter(function(index){
        var num = parseInt(this.firstChild.textContent);
        return num >= 20000;
    }).find('.shipping-weight').show();

            $.cookie('all_cookie', null);

                });
                return false;
        });
4

3 回答 3

0 
    $('.weight').filter(function () {
      var weight = parseInt(this.firstChild.textContent);
      if (weight >= 20000) {
        $('.shipping-weight').show();
      } else {
        $('.shipping-weight').hide();
      }
   });
于 2013-03-27T11:56:15.620 回答
0

工作解决方案：

$('.weight').filter(function(){
    var num = parseInt(this.firstChild.textContent);
    return num >= 20000;
}).find('.shipping-weight').show();

注意：this.firstChild是里面的第一个DOM节点.weight，比如text节点" 19456 "。

于 2013-03-27T10:23:27.907 回答
0

尝试这个

<table>
    <tr>
        <td class="weight"> <SPAN>**200230**</SPAN> <small><em> lb's </em></small><br>
            <div class="shipping-weight"><small>*Note: Up to 20,000 lbs max.  For shipping requirements over 20,000 lb's call our</small><br>
                <small>PRICING HOTLINE: 1-877-444-444 </small>
            </div>
        </td>
    </tr>
</table>


<script type='text/javascript'>
    $(document).ready(function() {
         var weight = parseInt($('td.weight span').html().replace(/\*/g, ''));
        if(weight >= 2000){ 
            $('div.shipping-weight').show();
        } else {
            $('div.shipping-weight').hide();
        }

    });
</script>
于 2013-03-27T10:31:52.040 回答