嗨,我想只在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!