我有一个简单的if语句:
if ($('html').hasClass('m320')) {
// do stuff
}
这按预期工作.但是,我想添加更多类来if statement检查<html>标记中是否存在任何类.我需要它所以它不是全部而是只有至少一个类的存在但它可以更多.
我使用的情况是,我有类(例如m320,m768),增加了对各种视口的宽度,所以我只想执行某些jQuery的,如果它是一个特定的宽度(类).
这是我到目前为止所尝试的:
1.
if ($('html').hasClass('m320', 'm768')) {
// do stuff
}
2.
if ($('html').hasClass('m320')) || ($('html').hasClass('m768')) {
// do stuff
}
3.
if ($('html').hasClass(['m320', 'm768'])) {
// do stuff
}
这些似乎都不起作用.不确定我做错了什么,但很可能是我的语法或结构.
基本上是
$("#someid")
要么
$(".someclass")
比...快
$("[someattr='value']")
我会想象它是(也就是说,通过id选择是最快的,然后是类,然后是属性),但是有人知道吗？
检查类active上是否存在li类menu
例如
<li class="menu active">something...</li>
我试图检查一个元素是否有一个数组的类,如果是这样,该类的值是什么.目前我正在使用:
if ($(this).hasClass('purple_grad')) {
$thisFKeyColour = 'purple_grad';
} else if ($(this).hasClass('red_grad')) {
$thisFKeyColour = 'red_grad';
} else if ($(this).hasClass('green_grad')) {
$thisFKeyColour = 'green_grad';
} else if ($(this).hasClass('blue_grad')) {
$thisFKeyColour = 'blue_grad';
} else if ($(this).hasClass('yellow_grad')) {
$thisFKeyColour = 'yellow_grad';
} else if ($(this).hasClass('light_yellow_grad')) {
$thisFKeyColour = 'light_yellow_grad';
} else if ($(this).hasClass('lighter_yellow_grad')) {
$thisFKeyColour = 'lighter_yellow_grad';
} else if ($(this).hasClass('grey_grad')) {
$thisFKeyColour = 'grey_grad';
} else if ($(this).hasClass('light_grey_grad')) {
$thisFKeyColour = 'light_grey_grad';
} else if ($(this).hasClass('black_grad')) {
$thisFKeyColour = 'black_grad';
} …我需要在列表的特定元素中添加"禁用"类.这些元素可以在数组中找到 - 或者类似的东西 - 不知道为此推荐什么.
HTLM:
<ul id=anything>
<li><a href="javascript:;" class="re-icon re-deleted"></a> Text</li>
<li><a href="javascript:;" class="re-icon re-bold"></a> Text</li>
<li><a href="javascript:;" class="re-icon re-italic"></a> Text</li>
<li><a href="javascript:;" class="re-icon re-table"></a> Text</li>
</ul>
这应该成为这样:
<ul id=anything>
<li><a href="javascript:;" class="re-icon re-deleted"></a> Text</li>
<li><a href="javascript:;" class="re-icon re-bold disabled"></a> Text</li>
<li><a href="javascript:;" class="re-icon re-italic"></a> Text</li>
<li><a href="javascript:;" class="re-icon re-table disabled"></a> Text</li>
</ul>
JS:
var arr = ['re-bold', 're-table'];
$('#anything a').each(function() {
if ( $(this).hasClass('anything of the array') ) { // Check if this element has a class, …我有父元素,其id是课程.
当然里面有多个div.div内部有mba,工程,信息技术等课程.
现在我想隐藏div的管理,MBA,金融类.
我试过以下代码:
elem = $("#course");
if (elem.hasClass("management mba finance")) {
elem.hide();
}
但它隐藏了父$("#course")div.
我如何隐藏或处理div拥有管理,MBA和金融课程.