jquery - 基于类的jquery获取上一个类号

Question

我有这个

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

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

我怎样才能做到这一点 ？

谢谢

Answer 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);
    });
});

我正在根据数字更改文本。您可以编写代码而不是更改文本。

Answer 2

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

$("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/