Question

我正在尝试在点击功能中定位某个div的下一个实例这是一个jsfiddle：http://jsfiddle.net/wUEkE/1/
jQuery：

$(document).ready(function(){

 $(".listings-item").click(function() {
 $('.hidden').next($('.hidden').removeClass('hidden').addClass('preview-listing').hide().delay(400).fadeIn("slow"));
 $('#listings-wrap').masonry('reload');
 });

});

所以我想要实现的是点击.listing-item将定位.hidden的下一个实例并更改类以在砌体网格中显示它。目前，在点击时，正在显示.hidden的两个实例，而不仅仅是相关的下一个实例。我无法弄清楚为什么会这样。我很快就会向这个相关的div添加内容，但是现在我只是想让它工作，我不能。

Answer 1

为此你可以使用nextAll函数，它返回所有下一个兄弟姐妹。如果为第一个隐藏元素添加选择器，那么您将获得相对于单击的div的下一个隐藏元素。

像这样：

$(this).nextAll('.hidden:first')

与您的示例完全一致，如下所示：

$(".listings-item").click(function() {
    $(this).nextAll('.hidden:first').removeClass('hidden').addClass('preview-listing').hide().delay(400).fadeIn("slow");
    $('#listings-wrap').masonry('reload');
});

Here is you example updated

jQuery：定位div的下一个实例

1 个答案: