Javascript 显示'；最近的'；div

不知是否有人能在这里指出正确的方向，我正试图在页面上显示具有匹配类名的“下一个”元素，即链接正下方的元素

$（函数（）{
$（“div.std-centered”）.hide（）；
$（“a.show\u hide”）。单击（函数（e）{
e、 预防默认值（）；
$（this）.closest（'div.std-centered'）.next（）.show（）；
});
});

一些广告





这就是内容

问题是因为
closest（）
搜索DOM以查找父元素，但以
.std为中心的
div是父元素的同级，因此无法找到

要解决此问题，您可以使用
closest（）
查找
.row
，然后是
下一行（'.row'）
，最后是
find（）
，以获取所需的元素，如下所示：


$（函数（）{
$（“div.std-centered”）.hide（）；
$（“a.show\u hide”）。单击（函数（e）{
e、 预防默认值（）；
$（this）.closest（'.row'）.next（'.row'）.find（'div.std-centered'）.show（）；
});
});

一些广告





这就是内容

问题是因为
closest（）
搜索DOM以查找父元素，但以
.std为中心的
div是父元素的同级，因此无法找到

要解决此问题，您可以使用
closest（）
查找
.row
，然后是
下一行（'.row'）
，最后是
find（）
，以获取所需的元素，如下所示：


$（函数（）{
$（“div.std-centered”）.hide（）；
$（“a.show\u hide”）。单击（函数（e）{
e、 预防默认值（）；
$（this）.closest（'.row'）.next（'.row'）.find（'div.std-centered'）.show（）；
});
});

一些广告





这就是内容


使用此选择器
$（this）.closest（'div.row'）.next（'row'）.find（'std centered'）.show（）

Closest（）
->查找具有指定参数的第一个父级

$（函数（）{
$（“div.std-centered”）.hide（）；
$（“a.show\u hide”）。单击（函数（e）{
e、 预防默认值（）；
$（this）.closest（'div.row'）.next（'row'）.find（'.std centered'）.show（）；//由于元素std centered位于行t中，该行紧挨着最靠近show的行
});
});

一些广告





这就是内容


使用此选择器
$（this）.closest（'div.row'）.next（'row'）.find（'std centered'）.show（）

Closest（）
->查找具有指定参数的第一个父级

$（函数（）{
$（“div.std-centered”）.hide（）；
$（“a.show\u hide”）。单击（函数（e）{
e、 预防默认值（）；
$（this）.closest（'div.row'）.next（'row'）.find（'.std centered'）.show（）；//由于元素std centered位于行t中，该行紧挨着最靠近show的行
});
});

一些广告





这就是内容

$（此）。最近的获取与选择器匹配的最近父项$（此）。最近的获取与选择器匹配的最近父项Hi，谢谢……这真是奇怪。它在您的代码片段中工作，但在我的页面上不工作！没有开发人员控制台错误，只是什么都没有发生！嗨，谢谢你……这真奇怪。它在您的代码片段中工作，但在我的页面上不工作！没有开发人员控制台错误，只是什么都没有发生！