2011-08-06 5 views
0

ドキュメント内の要素をクリックした後にクラス名を取得しました。そして、私はこの選択されたクラスを持つすべての要素を選択したいと思います。例えば;名前がテストされたクラスを持つ要素を表示する

$('.tabs1 li a').hover(function(){ 

var clicked = $(this).attr("class"); 

// this doesnt work 
$('a[class="clicked"]').css("display","block"); 

}); 
+0

[変数とjQueryのセレクタ]の可能複製(http://stackoverflow.com/questions/ 4108845/jquery-selector-with-variable) –

+1

要素は複数のクラスを持つことができます。クラス属性/プロパティには空白で区切られたクラス名のリストを含めることができます。 – Pointy

+0

'class =" clicked "は関数内でクリックされた要素であるはずですか?この関数は正確に何をすべきか? – ilyo

答えて

3

。他の人と同様に、私はポスターが何を望んでいるかを推測していますが、これは少なくとも複数のクラス(およびスペースのアカウント)を許可します。ポスターのは、ちょうど1クラスのを隔離したい場合は、多分それは別の質問や設問です:

$('.tabs1 li a').hover(function(){ 
    var clicked = $(this).attr("class"); 
    clicked = clicked.replace(/(\s)+/g, '.'); 
    // this should work 
    $('a.' + clicked).css({"display":"block", "background": "green"}); 
}); 

http://jsfiddle.net/szpJb/2/

+0

'background:green'を追加したので、何かが起こるのが分かりやすい –

3

あなたは、クラス名からclass selectorを構築することができます:それはclass属性が複数の値を持つことができるというのは本当だ

var clicked = $(this).attr("class"); 
$("a." + clicked).css("display", "block"); 
+0

'clicked'は複数のクラスを持つ文字列です。 –

+0

@Felix、それは可能です。残念ながら、質問者は何が起こるべきかを特定していない。マッチしたリンクがクラスの* all *または* any *を公開するか? :) –

関連する問題