Jquery .next() 未按预期工作

Question

所以我得到了这个 html

                <div id="content_div">
                    <div>
                        <img src=""/>
                        <img src="" />
                        <img src="" />
                        <div class="test">

                        </div>
                        <img src="" />
                        <img src="" />
                        <img src="" />
                        <div class="test">

                        </div>
                    </div>
                </div>

还有这个 Jquery

            $("#content_div > div > img").click(function()
            {
                $(this).next("div").slideDown();
            });

当我单击图像(我在代码中，但不是在这里)时，我期待下一个 div(单击图像后)向下滑动，但没有任何反应。我几乎可以肯定我选择了错误，因为如果我更改 $(this).next("div").slideDown();到 $(".test").slideDown();它有效，虽然两个 div 都打开，而我只想打开一个，有什么问题吗？ (我有一个合适的CSS，所以情况并非如此)

Answer 1

听起来您没有使用正确的功能。

来自http://api.jquery.com/next/

Description: Get the immediately following sibling of each element in the set of matched elements. If a selector is provided, it retrieves the next sibling only if it matches that selector.

因此，如果您单击第一个图像，它将给您空集，因为下一个兄弟不是 div。

尝试使用 nextAll http://api.jquery.com/nextall/

$(this).nextAll("div").first().slideDown();