只有class show，其他div通过jQuery隐藏

Question

HTML：

<div>
  <h3>Past Events</h3>
  <section class="event past-event">
    . ..
  </section>

  <section class="event">
    ...
  </section>
</div>

我想只有拥有'过去活动'标题，显示past-event，通过jQuery隐藏event div。我该怎么办？

Answer 1

检查h3

的文字

function showSections() {
    if ($("div h3").text() == "Past Events") {
        $(".event").hide();
        $(".past-event").show();
    } else {
        $(".event").hide();
        $(".event:not(.past-event)").show();
    }
}

h3上的唯一ID可能会有所帮助，上面的函数非常通用。

Answer 2

我认为你正在寻找这个：

$("h3:contains('Past Events')").siblings("section.event").hide();
$("h3:contains('Past Events')").siblings("section.past-event").show();

如果您可以更具体地了解您要执行的操作，那么可以帮助您编写确切的代码。