jquery - 如果 div 包含超过 'x' 的数字，则插入 html

Question

如果产品价格超过 50 英镑，我会尝试创建免费送货横幅。

我的尝试:

$(function() {

if( $('.num').filter(function(index){
    return parseInt(this.innerHTML) > 50.00;})) {

    $(document.createElement('div')).attr('id', 'freeDelivery').appendTo('.imgoffer');
$('#freeDelivery').append('<img id="freeDeliveryImage" alt="Free delivery on this item" src="https://location_of_image.png" width="70" height="70">');

    }   
});

即使金额不超过“x”，我的代码也会插入免费送货元素。有什么建议吗？

Answer 1

.filter() 返回一个 jQuery 对象(即使集合为空)，并且对象在 JavaScript 中是一个真值，您应该读取 .length 属性返回的对象。

if ( $('.num').filter(function() { return [condition] }).length ) {
    ... 
}

另请注意，您应该指定 .parseInt() 的基数方法，否则你会得到意想不到的结果。

parseInt(str, radix);