jQuery 可以执行 if 语句吗？

Question

jQuery 可以执行“if”函数吗？例如，如果一个菜单项中存在一个类，是否将该类应用于另一个菜单项？这与通常的活动页面菜单突出显示略有不同，因为我正在处理活动下拉菜单和子页面。

我想做的是

(the usual suspect) $(document).ready(function() {

如果...

$('#menu-main-menu li.menu-item-1061') "contains the classes
current-menu-ancestor current-menu-parent"

    then add those same classes to, i.e.:

    $('#menu-main-menu li.menu-item-1099').addClass('current-menu-ancestor
current-menu-parent')

}); });

应该是一种可行的方法...

Answer 1

jQuery 不是一种语言，它是 JavaScript 的一个库。答案是：“是的，JavaScript 有 if 语句作为语言的一部分。”

我不明白你写的伪逻辑。 “如果[某个列表项]'包含类'[foo] [bar]”是什么意思？如果列表项同时具有这两个类？那些课程中的任何一个？或者，如果列表项的后代至少具有这些类之一？或者，如果列表项有一个或多个具有所有这些类的后代？

这是使用一种解释的解决方案：

jQuery(function($){
  var li = $('#menu-main-menu li.menu-item-1061');
  if ( li.find('.current-menu-ancestor, .current-menu-parent').length ){
    // do whatever you want here.
  }
});

Answer 2

只要对这个存在性做出适当的 if 声明就可以了吗？

$('#menu-main-menu li.menu-item-1061.current-menu-ancestor.current-menu-parent')

Answer 3

Javascript 可以执行 if 语句，但在 jQuery 中你可以使用 is 函数
确定任何 jquery 对象是否适合另一个表达式。

例如，您有这个 jquery 对象

var firstObj = $(".selector1")

，并且想要测试是否有任何元素适合此表达式

".selector2"

，那么您可以使用 is ，如下所示

firstObj.is(".selector2")

如果有任何元素适合，则响应将为“true”，否则“错误的'。
所以你可以结合javascript的if如下

if (firstObj.is(".selector2")){
    // you can do something here
}

希望它有帮助

Answer 4

正如所指出的，if 是 JavaScript 的构造，而不是特别的 jQuery。我认为您正在寻找的是 jQuery 函数 hasClass，它可以根据类名检查 DOM 元素，如果元素当前具有该类，则返回 true。

您可以这样使用它：

if (myElement.hasClass("myClass")) {
    // do something
}

在 if 构造中，您可以插入要将类添加到其他元素的代码。

更新：您的示例有点奇怪，因为您似乎想问“与此选择器匹配的一组元素是否具有类 current-menu-ancestor 和当前菜单父？”这很奇怪，因为您正在匹配一组元素（您最具体的选择器是一个类，因此可能返回多个项目）。看来您的 HTML/CSS 中可能存在设计错误，因为 menu-item-1061 类听起来应该是一个 ID（它是唯一的），而不是一个类。无论哪种方式，hasClass 函数仍然可以为您工作，因为如果任何 匹配元素具有该类，它就会返回true。