jquery - jqueryを使用して「test-」で始まるクラス名を（文字列として）取得するにはどうすればよいですか？

Question

質問は本当にそれをすべて言います、

要素がある場合

<span class="a-class another-class test-top-left"></span>

「test-」で始まるクラス名を文字列変数に取得して、そのクラス名の上部と左側の単語を別々の変数に抽出して使用するにはどうすればよいですか。

Answer 1

var test = (​$("span[class*='test-']")[0].className​​).split("test-")​[1].split("-");

test[0] には「top」が含まれ、test[1] には「left」が含まれます。

これが実際のデモです: http://jsfiddle.net/kayen/QJCpc/

Answer 2

クラスを見つけて抽出するには、正規表現を使用します。ステップバイステップのデモはこちら: http://jsfiddle.net/JAAulde/baVq5/1/およびhttp://jsfiddle.net/JAAulde/baVq5/2/

    /* Get the class attribute from the element */
var wholeclass = $('span').attr('class'),
    /* Define a regex to find the class in question */
    pattern = /(?:^|\s)test-[a-z0-9_-]+(?:\s|$)/mi,
    /* run the regex against the class */
    matches = wholeclass.match(pattern),
    /* get the portion of the match array and trim it up */
    extractedclass = $.trim(matches[0]);

Answer 3

var myClasses = document.getElementsByTagName("span")[0].className.split(' '),
    Lastclass = myClasses[myClasses.length-1].split('-'),

    first = Lastclass[0],  //test
    second = Lastclass[1], //top
    third = Lastclass[2];  //left

フィドル