基于类的Jquery获取以前的类号

时间:2012-05-30 15:09:40

标签: jquery

我是这个

<li class="sub_nivel nivel_3"> level 3 </li>

在这种情况下我需要知道这个“nivel_”的数量3,所以我可以操纵前面的nivel_2 z-index属性。

我该怎么做?

由于

2 个答案:

答案 0 :(得分:1)

在此处查看http://jsfiddle.net/8hrZw/1/

示例HTML

<ul>
 <li class="sub_nivel nivel_3"> level 3 </li>
 <li class="sub_nivel nivel_4"> level 4 </li>
 <li class="sub_nivel nivel_5"> level 5 </li>
</ul>

jquery代码是

$(document).ready(function(){
    $("li[class*='nivel_']").each(function(){
       var niv_num= $(this).attr("class").split("nivel_")[1];// get the number
        // You can do your z-index below instead of my code
        $(this).text("The number is "+niv_num);
    });
});

我正在根据号码更改文字。 您可以执行代码而不是更改文本。

答案 1 :(得分:1)

您可以从类值中获取当前数字:

$("li.sub_nivel").on("click", function(){
    var nivel = $(this).attr("class").match(/nivel_([\d]+)/),
        antes = parseInt(nivel[1],10)-1 ;
    alert( antes );
});​

小提琴:http://jsfiddle.net/tHXyq/2/