嗨,我想只在ProductPriceRating类中显示第一个div测试,并且我想隐藏div的其余部分。谁能帮我。



<div class="ProductPriceRating">
            <strong>$47.00</strong>

            <div class="test"><input type="button" class="btn" id="hello_123" onclick="window.open('1234')" value="test.com">
            <div class="test"><input type="button" class="btn" id="hello_123" onclick="window.open('1234')" value="test.com"></div>
            <div class="test"><input type="button" class="btn" id="hello_123" onclick="window.open('1234')" value="test.com"></div>
            <div class="test"><input type="button" class="btn" id="hello_123" onclick="window.open('1234')" value="test.com"></div>
            <div class="test"><input type="button" class="btn" id="hello_123" onclick="window.open('1234')" value="test.com"></div>
  </div>

最佳答案

您错过了</div>的第一个.test,您的代码将是



$(document).ready(function() {
  $('.ProductPriceRating .test:first-of-type').addClass('active');
})

.test {
  display: none;
}
.test.active {
  display: block;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div class="ProductPriceRating">
  <strong>$47.00</strong>

  <div class="test">
    <input type="button" class="btn" id="hello_123" onclick="window.open('1234')" value="test.com">
  </div>
  <div class="test">
    <input type="button" class="btn" id="hello_123" onclick="window.open('1234')" value="test.com1">
  </div>
  <div class="test">
    <input type="button" class="btn" id="hello_123" onclick="window.open('1234')" value="test.com">
  </div>
  <div class="test">
    <input type="button" class="btn" id="hello_123" onclick="window.open('1234')" value="test.com">
  </div>
  <div class="test">
    <input type="button" class="btn" id="hello_123" onclick="window.open('1234')" value="test.com">
  </div>
</div>





每页不要重复使用同一ID!

10-06 05:09
查看更多