jQueryのセレクタに変数を使いたい
解決したいこと
jQueryのセレクタに変数を使いたい
例）
laravelでwebアプリを作っています。
jQueryの部分で動かないところがあり困っています。
初歩的な部分なのですが、どうも原因がわからず、、
ご教示お願いいたします。
発生している問題・エラー
名前などの情報を
チェックボックスでon off にしたいのですが
下記のソースでチェックボックスが動きません。
該当するソースコード
<html>
<!-- テキスト表示部分-->
<span class="char_name">"名前"</span>
<span class="char_main_span">"メイン"</span>
<!-- 以下同じようなソース-->
<!-- on off のチェックボックス-->
<input type="checkbox" name="data_display" value="char_name">名前
<input type="checkbox" name="data_display" value="char_main_span">メイン
<!-- 以下同じようなソース-->
<jQuery>
$("[name=data_display]").click(function(){
var e = $(this).prop("checked");
if(e){
var v = $(this).val();
$('.'+v).css("display","block");
}else{
$('.'+v).css("display","none");
}
});
<css>
.char_name{
font-size: 35px;
font-weight: bold;
}
.char_main_span{
width: 300px;
}
自分で試したこと
JQueryで、
$('.'+v).css("display","block");
$('.'+v).css("display","none");
の部分を
$('.char_name').css("display","block");
$('.char_name').css("display","none"); または
$('.'+'char_name').css("display","block");
$('.'+'char_name').css("display","none"); とすると
char_nameの部分だけはオンオフ出来ます。
セレクタに変数を使っている部分
$('.'+v)
がどうもうまく動いていないように見受けられるのですが、ご教示お願いいたします。
0 likes