javascript - jQuery 检查元素是否有类

Question

我试图检查 HTML 元素是否有类，如果有，则使用 jQuery 运行一个函数。我的代码仅在元素没有多个类时才有效。我相信我需要使用 .hasClass() 方法，但我无法弄清楚。

var pageClass = $("body").attr('class');
switch (pageClass) {
  case ("page1"):
    $('h1').html('heading1');
    break;
  case ("page2"):
     $('h1').html('heading2');
    break;
  default:
    $('h1').html('default');
}

fiddle : https://jsfiddle.net/9o70dbzz/2/

Answer 1

使用.hasClass()功能。

if($("body").hasClass("page1")){
  $("h1").html("heading1");
}
else if($("body").hasClass("page2"){
  $("h1").html("heading2");
}
else {
  $("h1").html("default");
}