質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.47%
jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Underscore.js

Underscore.jsは、JavaScriptのためのユーティリティライブラリです。JavaScriptの関数・配列、オブジェクトを扱う際に度々発生する処理がメソッドとしてまとめられています。他のライブラリに依存しないため、稼働中のアプリケーションにも導入可能です。

Q&A

解決済

1回答

2232閲覧

jqueryで複数行あるtableのデータを読み込み表示

退会済みユーザー

退会済みユーザー

総合スコア0

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Underscore.js

Underscore.jsは、JavaScriptのためのユーティリティライブラリです。JavaScriptの関数・配列、オブジェクトを扱う際に度々発生する処理がメソッドとしてまとめられています。他のライブラリに依存しないため、稼働中のアプリケーションにも導入可能です。

0グッド

0クリップ

投稿2017/05/31 06:53

編集2017/06/01 08:23

###前提・実現したいこと
jqueryでmodal上にあるテーブルを読み込み、
その一部をhtml上にtemplateで読み込ませて表示させたいです。
今のところ、eachを使えば読み込めると思ったのですが
tableの最終行しか読み込まれませんでした。

マルチポスト

参考にしたサイト
http://h2ham.seesaa.net/article/114037411.html

ソースコード

function allsave(){ var mtllgh = $("#mtlc tbody").children().length; $("#mtlc tr").each(function(){ $(this).children().each(function(i){ v1 = $('[name=m-name] option:selected').text(); v2 = $('[name=m-num] option:selected').text(); var resultone = { val1 : "", val2 : "", val3 : "", val4 : "", val5 : "", val6 : "", val7 : v1 + " " + v2, val8 : $('#hm').val(), val9 : $('.size1').val() + " x " + $('.size2').val() + " " + $('.kazu').val() + "個" } var result = { val1 : "", val2 : "", val3 : "", val4 : "", val5 : "", val6 : "", val7 : v1 + " " + v2, val8 : $('#hm').val(), val9 : $('.size1').val() + " x " + $('.size2').val() + " " + $('.kazu').val() + "個" } if(i!=0){ $("#showltbl1").html(addmtbl(result)); }else{ $("#showltbl1").html(addmtbl(resultone)); } i = i+1; }); }); }
<script type="text/template" id="ust-list1"> <thead id="th-list1"> <tr> <th class="list1-col1 cs-center">a</th> <th class="list1-col2 cs-center">b</th> <th class="list1-col3 cs-center">c</th> <th class="list1-col4 cs-center">d</th> <th class="list1-col5 cs-center">e</th> <th class="list1-col6 cs-center">f</th> <th class="list1-col7 cs-center">g</th> <th class="list1-col8 cs-center">h</th> <th class="list1-col9 cs-center">j</th> </tr> </thead> <tbody id="showltbl1"></tbody> </script> <script type="text/template" id="addbtbl"> <tr class="cs-showb" style="height: 35.56px"> <td class="list1-col1" data-b1="<%- val1 %>" id="bld1"><%- val1 %></td> <td class="list1-col2" data-b2="<%- val2 %>" id="bld2"><%- val2 %></td> <td class="list1-col3" data-b3="<%- val3 %>" id="bld3"><%- val3 %></td> <td class="list1-col4" data-b4="<%- val4 %>" id="bld4"><%- val4 %></td> <td class="list1-col5" data-b5="<%- val5 %>" id="bld5"><%- val5 %></td> <td class="list1-col6" data-b6="<%- val6 %>" id="bld6"><%- val6 %></td> <td class="list1-col7" data-b7="<%- val7 %>" id="bld7"><%- val7 %></td> <td class="list1-col8" data-b8="<%- val8 %>" id="bld8"><%- val8 %></td> <td class="list1-col9" data-b9="<%- val9 %>" id="bld9"><%- val9 %></td> </tr> </script>

underscore.js

1<script type="text/template" id="used-lm"> 2 <table id="table" class="table"></table> 3 <table class="table table-bordered" id="mtlc" style="width: 60%"> 4 <thead id="th-usedlm"> 5 <th class="mstb1 cs-center">a</th> 6 <th class="mstb2 cs-center"b</th> 7 <th class="mstb3 cs-center">c</th> 8 <th class="mstb4 cs-center">d<th> 9 <th class="mstb5 cs-center">5</th> 10 <th class="mstb6 cs-center">6</th> 11 </thead> 12 <tbody id="testmtl"></tbody> 13 </table> 14</script> 15 16<script type="text/template" id="addmtltbl"> 17 <tr class="cs-lista" style="height: 20px"> 18 <td class="mstbl1" data-m1="<%- val1 %>" id="aval1"><%- val1 %></td> 19 <td class="mstbl2" data-m2="<%- val2 %>" id="aval2"><%- val2 %></td> 20 <td class="mstbl3" data-m3="<%- val3 %>" id="aval3"><%- val3 %></td> 21 <td class="mstbl4" data-m4="<%- val4 %>" id="aval4"><%- val4 %></td> 22 <td class="mstbl5" data-m5="<%- val5 %>" id="aval5"><%- val5 %></td> 23 <td class="mstbl6" data-m6="<%- val6 %>" id="aval6"><%- val6 %></td> 24 </tr> 25</script>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

gin

2017/06/01 06:45

マルチポストは推奨されていません。ヘルプの「他のサービスにも質問投稿をしたい(してしまった)」を読み編集してください。
退会済みユーザー

退会済みユーザー

2017/06/01 08:21

そのようなルールがあったとは知りませんでした。今後、質問する時は気をつけます。ご指摘ありがとうございます。
guest

回答1

0

ベストアンサー

指定先が間違えていただけでした。

投稿2017/06/03 17:37

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.47%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問