jQuery隐藏div如果价格值小于#2

时间:2019-03-26 02:26:55

标签: jquery

我的这个div价格低,另一个div(折价)价格高

s=df.reset_index().melt('Index').groupby('value')['Index'].mean().sort_values()
s
Out[14]: 
value
item_1    0.666667
item_3    1.000000
item_2    1.666667
item_4    2.666667
Name: Index, dtype: float64
df['Total']=s.index

因此,如果dicount div的价格高于div的价格,那么它就需要隐藏

<span class="ty-price" id="line_discounted_price_28797">
<bdi><span class="ty-price-num">£</span><span id="sec_discounted_price_28797" class="ty-price-num">0.99</span></bdi></span>

如果#1价格值小于#2 然后我需要隐藏#2

1 个答案:

答案 0 :(得分:1)

使用parseFloat()对字符进行数学运算。

要获取第一个数字,请使用^=上的id(开头)选择器。下面的意思是使用以...开头的ID查找元素-并在该元素内获取文本

let prx = $('[id^=sec_discounted_price]').text();

对于第二个数字,您需要通过类找到第一个跨度,然后向下遍历到第二个跨度:

let dsc = $('.ut-qty-discount-price>bdi>span').text();

这是工作示例:

$('button').click(function(){
  let prx = $('[id^=sec_discounted_price]').text();
  let dsc = $('.ut-qty-discount-price>bdi>span').text();
  if (parseFloat(prx) < parseFloat(dsc) ){
    $('.ut-qty-discount-price').hide();
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<span class="ty-price" id="line_discounted_price_28797">
<bdi><span class="ty-price-num">£</span><span id="sec_discounted_price_28797" class="ty-price-num">0.99</span></bdi></span>

<div class="ut-qty-discount">
  <div class="ut-qty-discount-price"><bdi>£<span>1.79</span></bdi></div>
</div>

<button>Calculate</button>