Javascript jQuery在div和toggle类之外查找下一个类

对于jquery来说，这是一个新问题，我想在我请求的最近的类上切换一个类

下面的代码示例，你知道我做错了什么吗

//更多信息函数
$（'.popup'）。单击（函数（）{
$（this）.closest（'.popup input'）.toggleClass（'hidden'）；
});
。隐藏{
显示：无；
}

链接
链接
链接
链接
您可以使用
parent（）
向上移动到父div，然后使用
next（'.popup-input'）
以类
popup-input
的下一个元素为目标，最后使用
toggleClass（）
切换类，检查下面的示例

希望这有帮助



$（'.popup'）。单击（函数（）{
$（this）.parent（）.next（'.popup input'）.toggleClass（'hidden'）；
})
。隐藏{
显示：无；
}

链接
链接
链接
链接

将在向上穿越时为您提供最接近的祖先

你可以用

$(this).parent().next('.popup-input');

遍历（向下）到DOM树中的下一个弹出输入。
您也可以使用javascript代码片段进行切换。您需要稍微更改JS和HTML代码

// more info functions
$('.popup').click(function() {
    $(this).closest('.column').find('.popup-input').toggleClass('hidden');
});

<div class="column medium">
  <div class="icon info popup">link</div>
  <div class="icon more"></div>
  <input type="text" id="PC_Row_1_Popup" name="PC_Row_1_Popup" value="" placeholder="More info description" class="popup-input form-control ccm-input-text">
</div>

//更多信息函数
$（'.popup'）。单击（函数（）{
$（this）.closest（'.column'）.find（'.popup input'）.toggleClass（'hidden'）；
});
链接
您错误地访问了最近的。需要在输入元素中添加Div，然后必须在该Div中查找。
// more info functions
$('.popup').click(function() {
    $(this).closest('.column').find('.popup-input').toggleClass('hidden');
});

<div class="column medium">
  <div class="icon info popup">link</div>
  <div class="icon more"></div>
  <input type="text" id="PC_Row_1_Popup" name="PC_Row_1_Popup" value="" placeholder="More info description" class="popup-input form-control ccm-input-text">
</div>