jQuery检查元素是否具有一个类 [英] jQuery check if element has a class

问题描述

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

I am trying to check to see if an HTML element has a class and if so, then run a function with jQuery. My code only works if an element doesn't have multiple classes. I believe I need to use the .hasClass() method, but I couldn't figure it out.

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

提琴: https://jsfiddle.net/9o70dbzz/2/

推荐答案

这可以通过选择器解决:

This can be solved with selectors:

$('h1').html('default');
$('body.page1 h1').html('heading1');
$('body.page2 h1').html('heading2');

这篇关于jQuery检查元素是否具有一个类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！