javascript - 在 jquery 中查找下一个元素

Question

我确实有一些像这样的 html:

<div class="form-group">
    <input type="text" class="sequence valid">
</div>  

<div class="form-group">
    <input type="text" class="sequence valid">
</div>  

<div class="someclass1">
    <div class="someclass2">
        <div class="form-group">
            <input type="text" class="sequence valid">
        </div>  

        <div class="form-group">
            <input type="text" class="sequence valid">
        </div> 
  </div>
</div>  

<div class="form-group">
    <input type="text" class="sequence valid">
</div> 

<div class="someclass1">
    <div class="someclass2">
        <div class="form-group">
            <input type="text" class="sequence valid">
        </div>  
  </div>
</div>

使用这个我需要的是，找到包含 .sequence 和 form-group 的下一个元素。

这是我在 jquery 中尝试的方式:

var $element = $(event.target);
  if ($element.hasClass('valid')) {
        $element.closest('.form-group')
            .next('.form-group')
            .find('.sequence')

    }

但它不选择此代码块中的元素:

<div class="someclass1">
    <div class="someclass2">
        <div class="form-group">
            <input type="text" class="sequence valid">
        </div>  
  </div>
</div>

谁能告诉我如何修改这个 jquery 以满足我的要求。谢谢。

Answer 1

问题是您的 .next('.form-group') 正在寻找目标元素，因为 someclass1 元素与选择器不匹配

$element.closest('.form-group')
    .next('.form-group, :has(.form-group)')
    .find('.sequence')

或者您可以省略 next 中的选择器并在下一个同级元素中找到 .sequence 元素

$element.closest('.form-group')
    .next()
    .find('.sequence')