Uncaught SyntaxError: Unexpected token < Jquery Append

Question

<script>$(document).ready(function() {
    $('#offset').change(function(){
    $('#casillaOffset').append('<fieldset><legend>Offset</legend><table>
        <tr>
         <tdid="Subtitulo"><divalign="left"id="Subtitulo">Densitometría:</div></td>
<tdid="Subtitulo"><divalign="left">
<inputtype="checkbox"name="densi"id="densi"/>
</div></td>
<td><divalign="left"id="Subtitulo2">PdeTinta:</div></td>
<td><divalign="left">
<inputtype="checkbox"name="p_tinta"id="p_tinta"/>
<inputname="cant_colores"type="number"id="cant_colores"min="0"max="99"size="2"maxlength="2"/>
</div></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<tdid="Subtitulo"><divalign="left">TirosR.Offset:</div></td>
<tdid="Subtitulo"><divalign="left">
<inputname="t_reales"type="text"id="t_reales"size="8"readonly="readonly"/>
</div></td>
<td><divalign="left"id="Subtitulo">TirosB.Offset:</div></td>
<td><divalign="left">
<inputname="tiros_totales"type="text"id="tiros_totales"value="0"size="8"readonly="readonly"/>
</div></td>
<tdid="formula"></td>
<td></td>
<td></td>
</tr>
<tr>
<td><divalign="left"id="Subtitulo">MaquinasOffset:</div></td>
<td><?php include("../select_list/lista_maquinas_offset.php");?>
</td>
<td>FechaDistribución:</td>
<td><inputname="fecha_offset"type="text"class="fecha_offset"id="fecha_offset"value="<?php echo date("d-m-Y");?>"size="10"readonly="readonly"/></td>
<td><aonclick="abreVentana()"href="#"id="ver">ver</a></td></tr>
</table>
</fieldset>')   
    });
})</script>

我在以下代码中收到“Uncaught SyntaxError: Unexpected token

php 不是问题，因为我删除了这个，问题仍然存在。

Answer 1

它不起作用的原因是javascript字符串必须在下一个换行符之前终止。

如果您希望有一个跨越多行的字符串，您可以在终止该行之前插入一个反斜杠字符“\”，如下所示：

$('#casillaOffset').append('<fieldset><legend>Offset</legend><table>\
        <tr>\
         <tdid="Subtitulo"><divalign="left"id="Subtitulo">Densitometría:</div></td>\
<tdid="Subtitulo"><divalign="left">');

或像这样加入多行：

$('#casillaOffset').append('<fieldset><legend>Offset</legend><table>' +
        '<tr>' +
         '<tdid="Subtitulo"><divalign="left"id="Subtitulo">Densitometría:</div></td>' +
'<tdid="Subtitulo"><divalign="left">');

Answer 2

你最好把那个html放在<div id="toAppend">html here</div>之类的东西里，然后用一个jQuery选择器把它放在html上：

$(document).ready(function() {
  $('#offset').change(function(){
    $('#casillaOffset').append($('#toAppend').html());
  });
});