javascript - 在 div 内快速重复遍历

Question

我有许多 div，每个 div 都包含多个不同项目的实例，每个项目都有自己独特的类和/或 id。

许多 .js 代码适用于每个父 div 中的元素，而我的 .js 因不断需要执行以下操作而变得臃肿:

// Stuff like this occurs 15-20 times for similar but different actions
$(this).parent().nextAll('.target').eq(0).find('.toggle').slideToggle();
$(this).next('.alert').html('Success');

在文档的上下文中，我明白为什么这段代码是必要的。但是，我觉得如果我只能将引用点重新定义为父 div 而不是整个文档，我可以用更简单的方式替换上面的复杂代码:

function keepingCodeWithinParentDiv(){
  $('.toggle').slideToggle();
  $('.alert').html('Success');
}

那么，有没有一种方法可以用 Javascript 表示:对于这一部分，该 div 之外不存在任何内容？

Answer 1

如果您想将 jQuery 选择器操作限制在一个父元素(让我们将其命名为 element)，您可以将其作为上下文传递给任何 jQuery 选择:

$(".toggle", element).slideToggle();

参见jQuery doc了解更多信息。

如果您向我们展示您的实际 HTML 并描述您想要获得的内容，我们可以提供更具体的建议。