如何判断一个元素的上一个或下一个元素存在于jquery?

前端之家收集整理的这篇文章主要介绍了如何判断一个元素的上一个或下一个元素存在于jquery?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
假设我有一个< ul>
<ul>
    <li></li>
    <li></li>
    <li class="test"></li>
</ul>

我如何判断.test有jQuery的下一个元素?
喜欢这个?:

if ($("li.test").next()) { …… }

奇怪的是,即使我写如上:

if ($("li.test").next()) {alert("true");}

它仍然提醒“真实”,但如你所见,旁边没有元素,为什么会发生这种情况?

或者我能做的是

for (i = 0; i < $("li").length; i++) {
            if ($("li").eq(i).hasClass("test")) {
                if (i == $("li").length - 1) {
                    alert("true");
                }
            }
        }

目前这可以解决我的问题,但有一个简单的方法吗?

谢谢

解决方法

一个jQuery选择将始终计算为布尔值true(如在if语句中).这是因为它不是一个本机的Javascript类型 – 它是一个对象.

您需要检查选择的length属性.如果它是空的,这将为0,并将评估为false,所以如果不会通过.如果它不是空的,它将是一个正整数,因此将评估为true,因此条件将通过.

if ($("li.test").next().length) { …… }
原文链接:https://www.f2er.com/jquery/179723.html

猜你在找的jQuery相关文章