Question

因此，在电子商务网站上，这是一个列表页面，其中包含大量产品，每个产品都包含一个价格，存储在名为的每个产品容器中名为 .pri 的div中.productListItem 即可。

如果产品的价值超过120英镑，我想在每个产品的 .pri div附加一些文字，否则如果产品的价格低于120英镑则不做任何事情。

我无法弄清楚我在做错了什么：

var price = ($('.productListItem .itemPrice .pri').text()).replace(/[^0-9.]/g, '');
  
if (price >= '120') {    
$( '.productListItem .itemPrice .pri' ).append( '<div class="FDbadging">+FREE DELIVERY</div>' );
} else {

}

请帮忙吗？

Answer 1

尝试以下方法。小提琴：https://jsfiddle.net/beekvang/j24udwfn/

$('.productListItem .itemPrice .pri').each( function(){
  var price = $(this).text().replace(/[^0-9.]/g, '');
alert(price);
  if (price <= 119) {
$(this).siblings('.FDbadging').remove();
  } else {
$(this).append('<div class="FDbadging">+FREE DELIVERY</div>');
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

试用此代码

$('.productListItem .itemPrice .pri').each(function(){
var subTotal = $(this).text().replace(/[^0-9.]/g, '');
if (subTotal <= 119) {
$(this).siblings('.FDbadging').remove();
} else {
   $(this).append( '<div class="FDbadging">+FREE DELIVERY</div>' );
}
});

DEMO

如果达到阈值则显示副本

2 个答案: