如果元素ID存在，那么隐藏其他元素

Question

我有一个电子商务网站有一个给定的项目的多个价格。如果价格较低的类出现在页面上，我正尝试设置一些隐藏价格的脚本。

<table> 
    <tbody> 
     <tr> 
      <td> 
       <font> 
        <div class="product_listprice">199.99</div> 
       </font> 
       <font> 
        <div class="product_productprice">179.99</div> 
       </font> 
       <b> 
        <div class="product_saleprice">159.99</div> 
       </b> 
       <font> 
        <div class="product_discountprice">139.99</div> 
       </font> 
      </td> 
     </tr> 
    </tbody> 
</table> 

基本上我需要的是一个脚本，如果.product_saleprice存在的页面上，如果存在.product_discountprice将隐藏既.product_saleprice和.product_productprice，将隐藏.product_productprice。

以下是我已经拿出一些谷歌挖掘到现在。

<script type="text/javascript"> 
    $(document).ready(function(){ 
     if ($(".product_discountprice").size()) 
     $(".product_saleprice, .product_productprice").hide(); 
     }); 
    }); 
</script> 

但是，它似乎并没有工作。有任何想法吗？我是一个jQuery新手，所以我敢肯定有更好的方式来做到这一点有...

Answer 1

// Essentially what I need is a script that will hide .product_productprice 
// if .product_saleprice exists on the page... 
if ($('.product_saleprice').length) { 
    $('.product_productprice').hide(); 
} 

// ...and will hide both .product_saleprice and .product_productprice 
// if .product_discountprice exists. 
if ($('.product_discountprice').length) { 
    $('.product_saleprice, .product_productprice').hide(); 
} 

---

更新，增加了一个新的类名称，而不是隐藏：

if ($('.product_saleprice').length) { 
    $('.product_productprice').addClass('some-class'); 
} 

if ($('.product_discountprice').length) { 
    $('.product_saleprice, .product_productprice').addClass('some-class'); 
} 

Answer 2

试试这个..不确定它是否正确。

<script type="text/javascript"> 
     $(document).ready(function(){ 
      if($(".product_discountprice").length()){ 
       $('.product_saleprice').hide(); 
       $('.product_productprice').hide(); 
      }); 
     }); 
    </script> 

Answer 3

http://jsfiddle.net/3481uqa4/1/

if ($(".product_discountprice").length) { 
     $(".product_productprice, .product_saleprice").hide();  
    } else if ($(".product_saleprice").length) { 
     $(".product_productprice").hide(); 
    } 

将隐藏无论是产品的价格和销售价格，如果product_discountprice存在，否则，如果销售价格存在隐藏产品价格。如果它们都不存在，则显示产品价格。