[jQuery]セレクタに変数を使用するサンプル

2021年7月19日

書式
$(セレクタ名).html(“<font color=’red’>1111</font>");
使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<div class="cftA"></div>
<div class="cftB"></div>
<script>
const ct = ".cftA";
$(ct).html("<font color='red'>1111</font>");
const ct2 = "cftB";
$("." + ct2).html("<b>2222</b>");
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <div class="cftA"></div> <div class="cftB"></div> <script> const ct = ".cftA"; $(ct).html("<font color='red'>1111</font>"); const ct2 = "cftB"; $("." + ct2).html("<b>2222</b>"); </script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<div class="cftA"></div>

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

  const ct =  ".cftA";

  $(ct).html("<font color='red'>1111</font>");

  const ct2 =  "cftB";

  $("." + ct2).html("<b>2222</b>");

</script>

 

jQuery

Posted by arkgame