Q&A
var id="100"; var hid=document.createElement("div"); hid.type="hidden"; hid.class="classid"; hid.setAttribute("value", id); var di=document.createElement("div"); di.setAttribute("onclick","getid(this);"); di.appendChild(hid); table.appendChild(di);
でidを付属したとします。
これを取得する際
function getid(elm){ var idelm=$(elm).find('classid'); console.log(idelm.value); }
として
予想では１００が出力される予定でしたが,undefinedとなってしまいます。
原因が解りません、お力を貸してください。
回答3件
0
ベストアンサー
いろいろ突っ込みどころは多いですが、クリティカルな問題としては
- クラス名はclassプロパティでは設定できないので、classNameプロパティを使う必要があること
- クラス名を指定したcssセレクタは先頭に"."をつける必要があること
- それによって取得したjQueryオブジェクトはvalueメソッドを持たないので、jQueryオブジェクトの持つメソッドでvalue属性を取得する必要があること
……ですかね。
動くソースが以下になります。
html
1<html> 2<head> 3<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 4<script> 5 6$(function() { 7 var id="100"; 8 var hid = document.createElement("div"); 9 hid.type = "hidden"; 10 hid.className = "classid"; 11 hid.setAttribute("value", id); 12 var di = document.createElement("div"); 13 di.setAttribute("onclick","getid(this);"); 14 di.appendChild(hid); 15 di.appendChild(document.createTextNode("click me")); 16 document.body.appendChild(di); 17}); 18 19function getid(elm){ 20 var idelm = $(elm).find('.classid'); 21 console.log(idelm.attr("value")); 22} 23 24</script> 25</head> 26<body> 27</body> 28</html>
投稿2017/05/08 09:34
総合スコア4524
0
$().find()を使っているということは、jQueryを使用しているのでしょうか？
$()と、find()メソッドを実行させるには、
jQueryを読み込んでいる必要があります。
また、divにたいして、valueプロパティは使えません。
valueプロパティを使うならば、
1つめのスクリプトの、2行目を、
var hid=document.createElement("input");
として、inputで扱うのがよろしいかと。
投稿2017/05/08 09:25
総合スコア9528
0
hid.className="classid";
しておいて
var idelm=$(ele).find('.classid'); console.log(idelm.attr("value"))
してみてはいかがでしょうか？
投稿2017/05/08 09:22
総合スコア114814
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。