jquery如何对多个相同类名的元素做相同的操作？总是第一个有效果剩下的元素没有效果

Question

想实现当"time-on"的属性中含有"display: none"时，"time-end"显示，但是只有第一个正常执行，该怎么写能让所有相同的类实现这个效果

HTML结构

<span class="time-on"></span>
<span class="time-end">活动已结束</span>

JS结构

if($(".time-on").css("display")=='none') {
    $(".time-end").css('display','inline-block');
};

Answer 1

找到修改 .time-on 的 display 的代码，确保每次修改 .time-end 的 display 的同时，也修改一下 time-end 的 display。
你得知道 .time-on 的 display 是被哪段代码给修改的。