jQueryのセレクタに変数を使ってみたい。

Question

jQueryのセレクタに変数を使って特定のclass名を選択したいです。

$("video[class*= + className]")

今の場合ではclassNameという変数を使っているのですが、これを使って
video要素のclass名を特定することはできますか？

Comments

[think49]

> $("video[class*= + className]")

「Error: Syntax error, unrecognized expression: video[class*= + className]」になります。
質問文のテストコードは「動作確認済のテストコード」をコピペするようにして下さい。
https://jsfiddle.net/97q240uy/

[think49]

> 今の場合ではclassNameという変数を使っているのですが、

ご掲示のコードは「classNameという変数」が使われていません。

> これを使ってvideo要素のclass名を特定することはできますか？

「これ」とは何でしょうか。
$()の返り値のノードが持つclassNameを求めたい、という意味ですか。
(その場合、質問文の「jQueryのセレクタに変数を使ってみたい。」の逆で矛盾してしまいますが)

Answer 1

既に指摘があるように、タイトルと質問内容でズレがあるように思うので、要件を「タイトルだけ」と捉えて回答すると。

「セレクタ」は「文字列」で書くので、変数に格納されている情報が文字列で、正しく要素の情報が格納されているなら、できます。

Answer 2

先に変数をその形式にしたらダメですか？

var class_name = "video[class*=" + className + "]"
$(class_name)

というか、クラス名がclassNameなvideo要素なら、
video.classNameだと思うので、

var class_name = "video. " + className
$(class_name)

ではダメですか？