jqueryで、入れ子tになったクラスやIDなどの要素に値が代入できない。

下記のように、JQueryで、入れ子になったクラスやIDを指定しても値が代入が出来ませんでした。
どのように書けば、代入できますでしょうか。
chromeでデバッグしましたが、特にエラーは出ていませんでした。
ご回答のほど、お願いいたします。

<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>クラスとかid指定の練習</title>
</head>
<body>
  <div id="headline">
  	<h1>CSS入門</h1>
  	<p>これは段落です。</p>
  </div>
  <div class="main">
  	<h2>これは見出しです。</h2>
  	<p>これは<span class="light">例</span>です。</p>
  	<p>
  		<a href="https://test.com/">ホームへ</a>
  		戻ります。
  	</p>
  	<div class="korewosenntakusitai1">
  		<div class="korewosenntakusitai2" value="1234"><label>このクラスの値を選んで代入したい！！</label></div>
  		<div id="korewosenntakusitai3" value="5678"><label>このidを選んで値を代入したい！！</label></div>
  	</div>
  </div>

<table>
  <tr>
    <th colspan="3">果物</th>
  </tr>
  <tr>
    <th>果物</th><th>味</th><th>色</th>
  </tr>
  <tr>
    <td width="20%">イチゴ</td><td width="10%">甘い</td><td width="70%">赤色</td>
  </tr>
  <div id="korewosenntakusitai4" value="9101112">
  	<tr>
    	<td>リンゴ</td><td>甘い</td><td>赤色</td>
  	</tr>
  </div>
</table>  
  
</body>
</html>
コード

コード

function funTest () {
   var test $(".korewosenntakusitai1").val(0)
   var test $(".korewosenntakusitai2").val(1)
   var test $("#korewosenntakusitai3").val(2)
   var test $("#korewosenntakusitai4").val(3)
}

行動規範の内容に同意します

回答2件

divには標準的にvalueプロパティがありませんのでvalue属性に
値を入れたり、参照したりするのはあまりおすすめできません
やるならdata-value="1"のようにカスタムデータを利用すべきです

投稿2020/10/01 00:25

yambejp

総合スコア114843

karasu0318

2020/10/01 23:34

ご回答ありがとうございます！ valueって、divでおすすめしないのは初めて知りました。カスタムデータというものも調べて勉強してみます。

行動規範の内容に同意します

ベストアンサー

値の取得だよね？

javasuript
1   var test1 = $(".korewosenntakusitai1").val();
2   var test2 = $(".korewosenntakusitai2").val();
3   var test3 = $("#korewosenntakusitai3").val();
4   var test4 = $("#korewosenntakusitai4").val();

値の代入？(divなのね)

javasuript
1   $(".korewosenntakusitai1").attr("value","0");
2   $(".korewosenntakusitai2").attr("value","1");
3   $("#korewosenntakusitai3").attr("value","2");
4   $("#korewosenntakusitai4").attr("value","3");

投稿2020/09/30 14:44

編集2020/09/30 15:12