找到更好的方法- jquery

Question

我知道我的选择器会有1级，2级，3级。

我想在此基础上设定水平，但我的方式有点笨重？有更整洁的方法吗？

if ( $level.hasClass('level-2')) {
    $levelValue= "level2";
}
if( $level.hasClass('level-3')) {
    $levelValue = "level3";
}

if ( $level.hasClass('level-4')) {
    $levelValue= "level4";
}

编辑:对不起，我错了，

Answer 1

用这个：

if($level.is('.level-2, .level-3, .level-4')){
    $level = "level2";
}

它使用jQuery的.is()函数并检查$level是否有任何类。

更新：尝试使用以下内容：

if($level.is('[class^="level"]')){
    $levelValue = $level.attr('class').match(/level-[0-9]*/); // e.g. 'level-2'
}

在这里，它正在工作：http://jsfiddle.net/rE3bL/1/

Answer 2

是否有与每个级别相关联的样式规则？如果只是数据，我会使用像data-level='2'这样的数据属性，那么您可以通过使用jQuery函数：$level.data('level')来访问它

Answer 3

$level是什么？迪夫？如果您希望将$level设置为"level1“、"level2”和"level3“(而不是每次使用代码中的"level2”)，则可以使用数据attr：

<div class="level1" data-level="1">
<div class="level2" data-level="2">
<div class="level3" data-level="3">

你的js就像：

$level = $level.data("level") //will return "1","2" or "3"