如果body有此类,则将此内容放在#mydiv中,否则将其他内容放在#mydiv中

时间:2012-07-06 15:07:28

标签: jquery class

JS初学者在这里。

我需要一个脚本帮助将不同的内容放在div中,具体取决于页面正文标记是否具有“home”类。

我正在尝试使用.hasClass& .html实现这一目标。看起来它应该非常简单,但我无法弄明白。缺乏正确的语法知识?声明不正确?我不知道,我希望有人能指出我正确的方向!

    if ($("body").hasClass("home") == true) {
            ("#mobilemenu").html("<a href="#">HOME</a>");
    }
    else {
            ("#mobilemenu").html("<a href="#">NOT HOME</a>");
    }
JSFiddle(目前什么都不做)在这里: http://jsfiddle.net/aqyN4/

非常欢迎链接到其他JSFiddles或具有类似功能的问题!

谢谢,

阿里

2 个答案:

答案 0 :(得分:11)

您在$之前忘了("#mobilemenu")

if ($("body").hasClass("home")) {
    $("#mobilemenu").html("<a href='#'>Alle Kategorien- HOME</a>");
}
else {
    $("#mobilemenu").html("<a href='#'>NOT HOME</a>");
}​

演示http://jsfiddle.net/aqyN4/4/

答案 1 :(得分:3)

hasClass已经测试了一个真值,你不需要进行比较。

此外,("#mobilemenu")标记没有附加jQuery的$。这使它成为一个未声明的功能。另外......你不能用"打开一个语句,并使用它来包装字符串,除非你逃避它,或使用撇号。请参阅下面的工作代码。

if ($("body").hasClass("home")) {
  $("#mobilemenu").html("<a href='#'>HOME</a>");
}
else{
  $("#mobilemenu").html("<a href='#'>NOT HOME</a>");
}