javascript - 为什么我不能正确附加具有指定 ID 的标签？这是一个逃避问题的 Angular 色吗？

Question

我是 JavaScript 和 Jquery 的新手，我有以下问题，我认为这可能与某些字符转义有关。

所以我有这个简单的 JQuery 脚本:

<script>
    $( document ).ready(function() {
      //alert(exludeUserAgent());
      if(exludeUserAgent()) {
          //$( "#sezioneBenvenuto" ).remove();
          //$( "#sezioneLogo" ).remove();
          $( "#sezioneLogin" ).remove();

          $( ".container" ).append( "<section id="sezioneErrore"><p>TEST</p></section>" );
      }
    });
</script>

问题是，当执行append 语句时，会出现以下错误:

**SCRIPT1006: Previsto ')'**

在这一行:

$( ".container" ).append( "<section id="sezioneErrore"><p>TEST</p>

如果我删除 id="sezioneErrore" 并附加一个没有 id 定义的部分标签，我没有问题。

为什么？我错过了什么？问题可能是 id="sezioneErrore" 的 "字符？如果是，我该如何尝试逃避它？

Answer 1

字符串中断，因为您使用了导致语法错误的双引号。

要解决此错误，您可以选择

1. 在单引号内使用双引号(反之亦然)
2. 转义字符串中的引号

示例:

在外面使用单引号

$(".container").append('<section id="sezioneErrore"><p>TEST</p></section>');

或者双引号里面的单引号

$(".container").append("<section id='sezioneErrore'><p>TEST</p></section>");

如果要在双引号内使用双引号，请将其转义

$(".container").append("<section id=\"sezioneErrore\"><p>TEST</p></section>");

单引号也一样

$(".container").append('<section id=\'sezioneErrore\'><p>TEST</p></section>');