Question

我要按div，然后出现并消失具有类名称的最近元素。

但是，我的尝试没有成功。

这是我的功能：

function showHide() {
  $(".sectionTitle").click(function() {
    $(this).siblings(".news").toggle();
  });
}

我想单击<h2>标记，使其下方的类名为div的{{1}}消失。

news

现在，什么也没有发生，并且我的控制台没有错误。

<h2 id="Title1" class="sectionTitle"> Title </h2>
<div id="news" class="news"></div>

function showHide() {
  $(".sectionTitle").click(function() {
    $(this).siblings(".news").toggle();
  });
}

Answer 1

将其从函数showHide()中解包，或在声明后立即调用此函数，您的代码将起作用。

删除该功能。

$(".sectionTitle").click(function() {
  $(this).siblings(".news").toggle();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h2 id="Title1" class="sectionTitle"> Title </h2>
<div id="news" class="news">News</div>

调用该功能。

function showHide() {
  $(".sectionTitle").click(function() {
    $(this).siblings(".news").toggle();
  });
};

showHide()

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h2 id="Title1" class="sectionTitle"> Title </h2>
<div id="news" class="news">News</div>

jQuery在隐藏和显示之间切换以获取最接近的div

1 个答案: