快速重复遍历div

时间:2011-10-20 06:23:41

标签: javascript

我有许多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而不是整个文档,我可以更容易地将上面的复杂代码替换为MUCH:

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

那么,有没有办法在Javascript中说:for this part nothing exists outside this div

1 个答案:

答案 0 :(得分:2)

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

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

有关详细信息,请参阅jQuery doc

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