在web前端开发过程中，我们可以通过js和css来实现隐藏指定的内容元素，从而实现我们只显示某些内容的目的。

css的演示demo：

<style type="text/css">

.cm:nth-child(n+10){display:none;}

</style>

<div class="cm">文字1</div>

<div class="cm">文字2</div>

<div class="cm">文字3</div>

<div class="cm">文字4</div>

<div class="cm">文字5</div>

<div class="cm">文字6</div>

<div class="cm">文字7</div>

<div class="cm">文字8</div>

<div class="cm">文字9</div>

<div class="cm">文字10</div>

<div class="cm">文字11</div>

<div class="cm">文字12</div>

<div class="cm">文字13</div>

注：:nth-child是css选择器，n+10表示9以上的元素。

js的演示demo：

<script src="//www.phpweb.com.cn/base/js/base.js"></script> 

<div class="cm">文字1</div>

<div class="cm">文字2</div>

<div class="cm">文字3</div>

<div class="cm">文字4</div>

<div class="cm">文字5</div>

<div class="cm">文字6</div>

<div class="cm">文字7</div>

<div class="cm">文字8</div>

<div class="cm">文字9</div>

<div class="cm">文字10</div>

<div class="cm">文字11</div>

<div class="cm">文字12</div>

<div class="cm">文字13</div>

<script>

if($('.cm').length>9){

  $('.cm').each(function(){

   if($(this).index()>=9){

    $(this).hide()

   }

  })

 }

 </script>