加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长学院 > PHP教程 > 正文

php – 仅显示其中的第一个具有不同的名称

发布时间:2020-12-13 17:46:56 所属栏目:PHP教程 来源:网络整理
导读:标题是动态获得的.结构目前看起来像这样: h1HEADING CONTENT 1/h1some contenth1HEADING CONTENT 1/h1some contenth1HEADING CONTENT 1/h1some contenth1HEADING CONTENT 2/h1some contenth1HEADING CONTENT 2/h1some content 我只需要显示每个标题的第一个
标题是动态获得的.结构目前看起来像这样:

<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

我只需要显示每个标题的第一个实例.我怎么做?

编辑:对不起,我现在在另一台电脑上.我会尽快的.

解决方法

如果你的标题都是结构中的兄弟姐妹,你可以使用普通的兄弟选择器/组合器?然后显示:没有重复的标题

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读