如果元素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存在，否則，如果銷售價格存在隱藏產品價格。如果它們都不存在，則顯示產品價格。