###前提
jQueryでtextareaにデータ属性「data-tags」という配列が入るようにしています。
###実現したいこと
clickによってこの「data-tags」をリストで出力したいです。
###該当のソースコード
書いてみたのは次のソースコードです。しかしエラーがでてしまい実現できません。
html
1<p> 2<textarea data-tags=""> 3clickしたら、data-tagsの配列をリストにして出力したい 4</textarea> 5</p> 6 7<button type="button">click</button> 8 9<ul> 10 <!-- ここに「data-tags」の配列をリストで並べたい --> 11</ul>
jQuery
1// データ属性に配列を追加 2var arr = [ "name", "age" ]; 3$( 'textarea' ).attr( 'data-tags', arr ); 4 5// 配列をリストにして出力 6$( document ).on( "click", "button", function() { 7 var tags = $( 'textarea' ).attr( 'data-tags' ); 8 $.each( tags, function( i, val ) { 9 var tag = tags[i]; 10 $( 'ul' ).append( '<li>' + tag + '<\li>' ); 11 } ); 12});
###エラー
コンソールログにこのようなエラーメッセージが表示されますが、対処がわからず、どなたか教えていただけないでしょうか。
TypeError: cannot use 'in' operator to search for 'length' in 'name,age'
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/04/03 08:46
2019/04/03 09:13 編集