如果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);