2

jQueryを使用してテーブル「new」をテーブル「lasttable」に追加しようとしていますが、結果を取得できません。私は正しいことをしていますか、それともプリペンドの意味を誤解していますか?

<table id ="lasttable" class="add" border="1px" width="100%">
<tr class="header"><td class="location" colspan="7">New Item</td></tr>
</table>

私のjQuery：

$("#lasttable").prepend("<table id=\"new\" class=\"add\" border=\"1px\" width=\"100%\">"
+"<tr class=\"header\"><td class=\"stretch\"><a class=\"eloc\" rel=\"leanModal\" href=\"#modal_location\"><img src=\"images/edit-icon.png\" alt=\"Location\"></a></td><td class=\"location\" colspan=\"6\"></td></tr>
+"</tbody></table>");
4

6 に答える 6

1

壊れたセレクターがタイプミスだとすると、新しいテーブル.before()を既存のテーブルに配置したいと思います。

$("#lasttable").before("new content here");
于 2013-01-09T11:51:47.657 に答える
0

ここ

$("#lasttablet") //this is wrong selector since your id is lasttable

への変更

$("#lasttable")

更新しました

これを交換してください

$("#lasttable").prepend("<table id=\"new\" class=\"add\" border=\"1px\" width=\"100%\">"
+"<tr class=\"header\"><td class=\"stretch\"><a class=\"eloc\" rel=\"leanModal\" href=\"#modal_location\"><img src=\"images/edit-icon.png\" alt=\"Location\"></a></td><td class=\"location\" colspan=\"6\"></td></tr>
+"</tbody></table>");

と

$("#lasttable").prepend("<table id=\"new\" class=\"add\" border=\"1px\" width=\"100%\"><tr class=\"header\"><td class=\"stretch\"><a class=\"eloc\" rel=\"leanModal\" href=\"#modal_location\"><img src=\"images/edit-icon.png\" alt=\"Location\"></a></td><td class=\"location\" colspan=\"6\"></td></tr></tbody></table>");

ここをいじる

問題はエスケープ"にありました。記号を削除し+て、単一の文字列として使用してください。

于 2013-01-09T11:51:27.813 に答える
0

コードにタイプミスがあり、 2行目に引用符がありません。

+"<tr class=\"header\"><td class=\"stretch\"><a class=\"eloc\" rel=\"leanModal\" href=\"#modal_location\"><img src=\"images/edit-icon.png\" alt=\"Location\"></a></td><td class=\"location\" colspan=\"6\"></td></tr>"

ライブデモ

$("#lasttable").prepend("<table id=\"new\" class=\"add\" border=\"1px\" width=\"100%\">"+"<tr class=\"header\"><td class=\"stretch\">123<a class=\"eloc\" rel=\"leanModal\" href=\"#modal_location\"><img src=\"images/edit-icon.png\" alt=\"Location\"></a></td><td class=\"location\" colspan=\"6\"></td></tr></tbody></table>");
于 2013-01-09T11:52:20.030 に答える
0

prependのロジックはここでは間違っています

The .prepend() method inserts the specified content as the first child of each element in the jQuery collection (To insert it as the last child, use .append()).

Jquery Prepend（）から

理想的には、次のようなことを行う必要があります

$("#lasttable").prepend("<tr><td><table id=\"new\" class=\"add\" border=\"1px\" width=\"100%\">"
+"<tr class=\"header\"><td class=\"stretch\"><a class=\"eloc\" rel=\"leanModal\" href=\"#modal_location\"><img src=\"images/edit-icon.png\" alt=\"Location\"></a></td><td class=\"location\" colspan=\"6\"></td></tr>
+"</tbody></table></td></tr>");

Prepend（）は、テーブル内のtr要素を開始位置に追加します。または既存のテーブルの前にテーブルを追加する場合は、prepend（）の代わりにbefore（）を使用できます。

$("#lasttable").before("<tr><td><table id=\"new\" class=\"add\" border=\"1px\" width=\"100%\">"
+"<tr class=\"header\"><td class=\"stretch\"><a class=\"eloc\" rel=\"leanModal\" href=\"#modal_location\"><img src=\"images/edit-icon.png\" alt=\"Location\"></a></td><td class=\"location\" colspan=\"6\"></td></tr>
+"</tbody></table></td></tr>");
于 2013-01-09T11:54:15.917 に答える
0

確かにタイプミスが1つありますが.before()、karim79が提案したように使用するか、sの前にsのみを追加します。<tr>#lasttable実装は簡単だと思います.before()が、作業内容によっては、TRを前に付ける方がよい場合があります。このようなもの：

var trs = $("#new").html();
$("#lasttable").prepend(tds);

動作するはずです。

現在行っていることを実行すると、テーブル全体が#newの先頭に追加され、別のテーブル内のテーブルが有効なマークアップであるかどうかは疑問です。

于 2013-01-09T11:55:32.800 に答える
0

これを試してみてください：を削除し+て完全な文字列を作成します

 $("<table id=\"new\" class=\"add\" border=\"1px\" width=\"100%\"><tr class=\"header\"><td class=\"stretch\"><a class=\"eloc\" rel=\"leanModal\" href=\"#modal_location\">asdfasdfa<img src=\"images/edit-icon.png\" alt=\"Location\"></a></td><td class=\"location\" colspan=\"6\"></td></tr></tbody></table>").prependTo('#lasttable');

と.prepend()

 $('#lasttable').prepend("<table id=\"new\" class=\"add\" border=\"1px\" width=\"100%\"><tr class=\"header\"><td class=\"stretch\"><a class=\"eloc\" rel=\"leanModal\" href=\"#modal_location\">asdfasdfa<img src=\"images/edit-icon.png\" alt=\"Location\"></a></td><td class=\"location\" colspan=\"6\"></td></tr></tbody></table>");

ここでチェックアウトできます：http：//jsfiddle.net/Q2tQd/

于 2013-01-09T11:55:39.610 に答える