如何使用jquery在页面加载中显示某些类别？

Question

我有像

这样的项目列表

<div class="cat1">Item 1</div>
<div class="cat2">Item 1</div>
<div class="cat3">Item 1</div>
<div class="cat2">Item 1</div>
<div class="cat3">Item 1</div>

我如何才能只显示＆＃34; cat3＆＃34;在页面加载jquery？

Answer 1

首先设置所有div的显示none，而不是document ready显示您想要的任何课程

<div class="cat1" style="display:none;">Item 1</div>
<div class="cat2" style="display:none;">Item 1</div>
<div class="cat3" style="display:none;">Item 1</div>
<div class="cat2" style="display:none;">Item 1</div>
<div class="cat3" style="display:none;">Item 1</div>



$(document).ready(function(){

$(".cat3").show();

})

Answer 2

您可以尝试以下

$(document).ready(function(){

  $("div[class^='cat']").hide()
  $(".cat3").show();

});

第一行它会隐藏所有以＆＃39; Cat＆＃39;开头的div。

第二行它将显示具有类cat3的div