jquery - クラスに基づくJqueryは、前のクラス番号を取得します

Question

私はこれを持っています

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

前の nivel_2 の z-index プロパティを操作できるように、この「nivel_」の数をこの場合は 3 より多く知る必要があります。

これどうやってするの ？

ありがとう

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/