「jQuery」セレクタ(ID、class)に変数を使用するサンプル

2021年4月23日

書式
const 変数名 ="#ID名"
const 変数名 =".クラス名"
使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<div id="cftA">1111</div>
<div class="cftB">2222</div>
<script>
const gta = "#cftA";
$(gta).html("<font color='red'>AA01 ****</font>");
const gtb = ".cftB";
$(gtb).html("<font color='green'>BB02 -----</font>");
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <div id="cftA">1111</div> <div class="cftB">2222</div> <script> const gta = "#cftA"; $(gta).html("<font color='red'>AA01 ****</font>"); const gtb = ".cftB"; $(gtb).html("<font color='green'>BB02 -----</font>"); </script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<div id="cftA">1111</div>

<div class="cftB">2222</div>
<script>

  const gta =  "#cftA";

  $(gta).html("<font color='red'>AA01 ****</font>");

  const gtb =  ".cftB";
  $(gtb).html("<font color='green'>BB02 -----</font>");

</script>

 

jQuery

Posted by arkgame