- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在编写下面的 html 代码,即将进行检查。在下面的 class="schedule-wrapper"
代码中有一个属性data-timezone
其值为 "et"
。单击按钮时,data-timezone
属性值会发生变化,如下面的屏幕截图所示。单击按钮时(PT
、MT
、CT
、ET
、AT
、NT
),页面刷新不会发生。
<div class="schedule-wrapper" id="js-schedule" data-timezone="et"> /* The value of data-timezone attribute changes on button click from the Screenshot below */
<!-- List of button start -->
<div class="schedule-action-bar">
<div class="schedule-timezone-filter">
Select your timezone:
<ul id="js-timezone-picker">
<li>
<button id="js-time-ct" class="" data-timezone="ct">CT</button>
</li>
<li>
<button id="js-time-et" class="" data-timezone="et">ET</button>
</li>
</ul>
</div>
</div>
<!-- List of button end -->
<!-- .schedule-show -->
<div class="schedule-show">
<div class="schedule-show-time">
<time datetime="02:45 24-07-2019" data-timezone="ct">July 24 02:45</time>
<time datetime="03:45 24-07-2019" data-timezone="et">July 24 03:45</time> /* When timezone is eastern standard time */
</div>
</div>
<!-- .schedule-show -->
<div class="schedule-show">
<div class="schedule-show-time">
<time datetime="04:00 24-07-2019" data-timezone="ct">July 24 04:00</time>
<time datetime="05:00 24-07-2019" data-timezone="et">July 24 05:00</time> /* When timezone is eastern standard time */
</div>
</div>
<!-- .schedule-show -->
</div>
问题陈述:
我想知道我需要添加什么Javascript代码,以便我们可以隐藏(或隐藏/使视觉上不那么突出)当值与上一行含义相同时的日期不在日期与前一行相同的行上显示某一天,以便按日期出现视觉中断。
简而言之,正如上面的屏幕截图中提到的,我不希望该日期用圆圈标记。
最佳答案
// we have to iterate backwards... actually maybe we don't..
$($('.schedule-show').get().reverse()).each(function(i, div){
let time = $(div).find('[data-timezone="et"]')
let nextTime = $(div).find('+ .schedule-show [data-timezone="et"]')
if(nextTime[0]){
// check if the dates match
if(nextTime.text().match(/\w+ \d+/)[0] === time.text().match(/\w+ \d+/)[0]){
// "white out" the dates that match
nextTime.html(nextTime.text().replace(/(\w+ \d+)/, "<font color=\"white\">$1</font>"))
}
}
})
关于javascript - JS中如何去除多余的元素内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57205525/
我的服务层有如下方法 public ModuleResponse GetModules(ModuleRequest request) { var response = new ModuleRe
我构建的工具栏与大多数工具栏一样,minHeight 设置为 actionBarSize: 但是,如果我删除这个属性,就完全没有区别了。工具栏保持其 actionBarSize,即使我删除菜单并将
我已经为 SVG 和剪辑路径苦苦挣扎了一段时间。 我正在尝试创建一个三 Angular 形剪辑路径,它将覆盖照片以给顶部一个“三 Angular 形”边缘。 我试图实现与照片完全相同的效果,但三 An
我有一个带有 2 个索引的 PostgreSQL 表。其中一个索引涵盖了 website_id 和 tweet_id 列,是一个唯一的 B 树索引。第二个索引只覆盖 website_id 列,是一个非
我是一名优秀的程序员,十分优秀!