2013-04-01 26 views

回答

0

我希望這有助於

jQuery(document).ready(function() { 
 
$("#search-826").children('div').each(function() { 
 
      if ($(this).data("listing-price") <= 20.00) { 
 
       $(this).hide(); 
 
      } 
 
     }); 
 
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="search-results" id="search-826"> 
 
<div class="product" data-listing-price="2.00"> 
 
    <div class="image"> 
 
    <img src="http://placehold.it/150x150"> 
 
    </div> 
 

 
      <h3>Parasol</h3> 
 
     <h4>£2.00</h4> 
 
</div> 
 
<div class="product" data-listing-price="5.00"> 
 
    <div class="image"> 
 
    <img src="http://placehold.it/150x150"> 
 
    </div> 
 

 
      <h3>Parasol</h3> 
 
     <h4>£5.00</h4> 
 
</div> 
 
<div class="product" data-listing-price="25.00"> 
 
    <div class="image"> 
 
    <img src="http://placehold.it/150x150"> 
 
    </div> 
 

 
      <h3>Parasol</h3> 
 
     <h4>£25.00</h4> 
 
</div> 
 
<div class="product" data-listing-price="250.00"> 
 
    <div class="image"> 
 
    <img src="http://placehold.it/150x150"> 
 
    </div> 
 

 
      <h3>Parasol</h3> 
 
     <h4>£250.00</h4> 
 
</div> 
 
<div class="product" data-listing-price="50.00"> 
 
    <div class="image"> 
 
    <img src="http://placehold.it/150x150"> 
 
    </div> 
 

 
      <h3>Parasol</h3> 
 
     <h4>£50.00</h4> 
 
</div></div>