jquery - 隣接するセレクターの jQuery チェック

Question

隣接する（次の）セレクターの存在を確認しようとしていますが、明らかに間違って書いています...

私のHTML

<div id="container">
<div class="about"></div>
<div class="related"></div>
</div>

私のjQuery：

jQuery(document).ready(function() {
console.log(jQuery("div.about").next().hasClass(".related"));
    if (jQuery("div.about").next().hasClass(".related"))
    {
        console.log("do something");
    }
});

私の最初のconsole.logはFALSEを示し、2番目はまったく表示されません...

Answer 1

ドットなしである必要があります。hasClassセレクターを取りませんが、クラスの名前だけを取ります:

jQuery("div.about").next().hasClass("related")

または、次のようにします。

jQuery("div.about").next('.related').length > 0

Answer 2

代わりにこれを試してみてください。

jQuery("div.about").next().hasClass("related");

ドロップするだけ.

Answer 3

..hasClass セレクターには必要ありません

jQuery(document).ready(function() {
    console.log(jQuery("div.about").next().hasClass("related"));
    if (jQuery("div.about").next().hasClass("related")) {
        console.log("do something");
    }
});