javascriptにて動的にtableを作成しています。
HTML側ではidの前方一致でクリックイベントが実行するよう
実装していますが、動的に作成した項目の場合、イベントが発火しません。
HTML側で記述していますid="text999"はクリックイベントが発火します。
どこか実装に問題がありますでしょうか?
よろしくお願い致します。
javascript
1 var datatable = document.getElementById("datatable"); 2 var tr = document.createElement("tr"); 3 var td = document.createElement("td"); 4 var inp = document.createElement("input"); 5 6 inp.id = "text" + index; //indexには連番が入ります 7 8 td.appendChild(inp); 9 tr.appendChild(td); 10 datatable.appendChild(tr);
HTML
1<head> 2 <script> 3 $(function(){ 4 // 動的に作成した項目をクリックした時のイベント(前方一致にしています) 5 $("[id^=text]").click(function() { 6 alert(123); 7 }); 8 }); 9 </script> 10</head> 11<body> 12 <table id="datatable"></table> 13 14 <input type="text" id="text999"/> 15<body>
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/01/16 08:38