【问题标题】:More than 1 selector [duplicate]超过1个选择器[重复]
【发布时间】:2013-10-22 00:07:59
【问题描述】:

我有这个选择器:

if($('body').hasClass('page-modellen', 'page-modellen-detail')){

但这不起作用。我想要。当页面有类 page-modellen 或 page-modellen-detail 时,他必须执行该代码。我该如何解决?

感谢您的帮助

【问题讨论】:

    标签: javascript jquery


    【解决方案1】:

    您可以使用.is()

    if($('body').is('.page-modellen, .page-modellen-detail')){
        console.log('x')
    }
    

    【讨论】:

    • 您正在寻找的不是整个页面的 div
    【解决方案2】:

    .hasClass(className) 不能容纳多个类名。

    我为此使用了 .is() 选择器。

    if($('body').is('.page-modellen, .page-modellen-detail')){
    

    检查这个JSFiddle

    【讨论】:

    • is() 无法处理多个参数。
    • @mplungjan,这是单个参数中的多个选择器,而不是多个参数。
    • @user,你是对的,不支持将多个参数传递给is(),只会考虑第一个。另一方面,在单个参数中传递多个选择器将起作用。
    • @mplungjan VisioN 是正确的。 “参数”表示函数参数,即 .is('.class1', '.class2').is('.class1, .class2')。仔细阅读Frédéric's comment
    • @mplungjan 我的第一条评论是指答案的第一个修订版:stackoverflow.com/revisions/19360049/1,正如我们所讨论的那样,它存在多个参数的问题。
    【解决方案3】:

    在这里查看

    jQuery OR Selector?

    你的代码应该是:

    if($('body').is('.page-modellen, .page-modellen-detail')){
    

    【讨论】:

    • 你确定吗,这就是 OP 已经没有工作的东西jsfiddle.net/Nmp99/1
    • 你是对的,我复制并粘贴了错误的行 - 现在试试jsfiddle.net/Nmp99/2
    • 您错过了. 选择器。你的小提琴错了,返回假。更正您的代码
    • 抱歉伙计们,看来我今天必须关闭 stackoverflow 或尝试真正专注于某些事情
    【解决方案4】:

    听说过||吗? :)

    if ($('body').hasClass('page-modellen') || $('body').hasClass('page-modellen-detail'))
    

    【讨论】:

    • 是的,大约一分钟前,在阅读@ArunPJohny 的答案时。
    【解决方案5】:

    这么多答案,有很多方法可以回答这个问题。

    让我再补充一个这里还没有回答的问题:

    if ($('body.page-modellen, body.page-modellen-detail').length > 0)
    {
        // do stuff
    }
    

    【讨论】:

      【解决方案6】:
      if($('body').hasClass('page-modellen')|| $('body').hasClass('page-modellen-detail')){
        // do stuff 
      
      }
      

      参考JQuery .hasClass for multiple values in an if statement

      【讨论】:

        猜你喜欢
        • 2017-08-30
        • 2015-08-15
        • 2019-05-31
        • 1970-01-01
        • 1970-01-01
        • 2014-09-17
        • 2011-07-03
        • 2017-03-10
        • 2016-09-02
        相关资源
        最近更新 更多