jquery - jqueryで子と親を指定

Question

コードが親を「ul」として認識せず、代わりにクラスとして認識しているという問題があります。子供は、私が信じているよりも広い影響を及ぼします。

コードのセグメント:

<script>
       $(document).ready(function(){
        $("div:last").click(function(){
            $("ul").parent(".northern").children(':nth-child(3)').hide();
            });
        });
    </script>

<section class="northern">
            <h2>US</h2>
            <ul>
                <li>Princeton</li>
                <li>Harvard</li>
                <li>Yale</li>

            </ul>
            <div>
                <input type="button" value="Click Me!">
            </div>
        </section>

Answer 1

親が class = north を持つ UL を見つける$("ul").parent(".northern")ことを意味すると考えているようです。これが実際に意味することは、すべての UL を見つけてから、 class = north を持つすべての親を見つけることです。フィルターではなく、DOM トラバーサル メソッドです。.parent()

おそらくあなたが望むのは：

$(".northern > ul").children(':nth-child(3)').hide();

Answer 2

.closest()を使用

$(document).ready(function () {
    $("div:last").click(function () {
        $("ul").closest(".northern").children(':nth-child(3)').hide();
    });
});

OPは3番目のリアイテムが欲しいと思います

フィドルのデモ

$(document).ready(function () {
    $("div:last").click(function () {
        $(".northern ul").children(':nth-child(3)').hide();
    });
});