6

こんにちは、Web サイトのさまざまな領域に出力するためのテーブルを含む変数を jquery で作成しようとしています。しかし、それは私にエラーを与えており、その理由がわかりません。これが私のJQUERYです：

var copy = "<table width='750' border='0' cellspacing='0' cellpadding='0'>
  <tr>
    <td>Tarifa valida desde:</td>
    <td>Tarifa valida hasta:</td>
    <td>Tarifa MXN</td>
    <td>Tarifa USD</td>
  </tr>
  <tr>
    <td><input type='text' name='from1' id='from1' class='date' /></td>
    <td><input type='text' name='to1' id='to1' class='date' /></td>
    <td><input type='text' name='mxn1' /></td>
    <td><input type='text' name='usd1' /></td>
  </tr>
  <tr>
    <td>Extra Pax MXN:</td>
    <td>Extra Pax USD:</td>
  </tr>
  <tr>
    <td><input type='text' name='exmxn1' /></td>
    <td><input type='text' name='exusd1' /></td>
  </tr>
</table>";
    });

これを変数に配置して、さまざまなdivで出力できるようにするにはどうすればよいですか:

$(".divExample").html(copy);

誰の助けにも感謝します！

4

5 に答える 5

4

提案されたように文字列を連結できます。または別の方法は、バックスラッシュで改行文字をエスケープすることです:

var html = "<table> \
    <tr>....</tr> \
    </table>";
于 2012-09-08T17:42:13.480 に答える
4

誤って割り当てられた文字列による構文エラー。

行を連結する

var copy = "<table width='750' border='0' cellspacing='0' cellpadding='0'>" 
            + "<tr>";
  ....
于 2012-09-08T17:39:05.570 に答える
3

文字列の改行を処理していません。このため、javascript は各行の終わりがステートメントの終わりであると想定します。明らかに、各行は有効なステートメントではありません。次のように文字列を連結します。

var "multi-"+
    "line "+
    "string";
于 2012-09-08T17:38:56.060 に答える
2

私が複雑なhtmlを持っているとき、これは私がすることです。HTMLを囲みDIVに入れ、HTMLコンテンツを取得します

var copy = $('#mycomplexhtml').html(); //gets the content I placed in an hidden div


<!-- I normally place this at the bottom-most part of the page -->
<div id="mycomplexhtml" style="display:none">
  <table width='750' border='0' cellspacing='0' cellpadding='0'>
  <tr>
    <td>Tarifa valida desde:</td>
    <td>Tarifa valida hasta:</td>
    <td>Tarifa MXN</td>
    <td>Tarifa USD</td>
  </tr>
 ...
  </table>
</div>
于 2012-09-08T17:47:44.887 に答える
0

または、このツールhttp://www.accessify.com/tools-and-wizards/developer-tools/html-javascript-convertor/を使用できます

それは正常に動作します:)

于 2012-09-08T17:46:29.010 に答える