php - 仅显示具有不同名称的 <h1> 的第一个

Question

标题是动态获取的。当前的结构如下所示:

<h1>HEADING CONTENT 1</h1>
some content
<h1>HEADING CONTENT 1</h1>
some content
<h1>HEADING CONTENT 1</h1>
some content
<h1>HEADING CONTENT 2</h1>
some content
<h1>HEADING CONTENT 2</h1>
some content

我只需要显示每个标题的第一个实例。我该怎么做？

编辑:对不起，我目前在另一台电脑上。我会尽快的。

Answer 1

如果您的标题在您的结构中实际上都是同级标题，您可以使用通用同级选择器/组合器 ~因此 display: none所有重复的标题

h1 ~ h1, 
h2 ~ h2 {
   display: none;
}

codepen 上的示例:http://codepen.io/anon/pen/Evuhr/

---

更新后:

如果标题都是<h1>并且你必须检查包含的文本，你需要像这样使用 javascript/jQuery

$(function() {
  var title = ""
  $('h1').each(function() {
     if ($(this).text() !== title) {
        title = $(this).text();
     } 
     else {
       $(this).hide();  
     }    
  });  
});

codepen 上的示例:http://codepen.io/anon/pen/FBltb