clickしたらdata-tagsの配列をリストにして出力していますが、
なぜか「イヌ」と「ネコ」の間にカンマが出力されます。
どうすればこのカンマをなくせるでしょうか?
html
1<p> 2<textarea data-tags="" id="target"> 3clickしたらdata-tagsの配列をリストにして出力していますが、 4なぜか「イヌ」と「ネコ」の間にカンマが出力されます。 5</textarea> 6</p> 7 8<button type="button">click</button> 9 10<div id="area"> 11</div>
jquery
1/* 2* データ属性に配列を追加する 3**********************************************/ 4var arr = ["イヌ","ネコ"]; 5$('textarea').data('data-tags', arr); 6 7 8/* 9* データ属性の配列をリストにして出力する 10**********************************************/ 11$(document).on("click","button", function(){ 12 // リストを生成 13 var output_tags = []; 14 var input_tags = $('#target').data('data-tags'); 15 $.each(input_tags, function(i, val) { 16 var input_tag = '<li>'+input_tags[i]+'</li>'; 17 output_tags.push(input_tag); 18 }); 19 // リストを出力 20 var result_tags = ` 21 <div>タグ一覧</div> 22 <ul> 23 ${output_tags} 24 <li>キジ</li> 25 <li>トラ</li> 26 </ul> 27 `; 28 $('#area').html($(result_tags)); 29});
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/04/03 12:19 編集
2019/04/03 14:22 編集