JQuery调用中HTML标记的Notepad++解释

Question

我的Notepad++在内部使用超文本标记语言解释JQuery调用时遇到问题，请参阅下面的代码。这一行：$("body").append(...)；似乎无法识别右括号中的这一对。但是，如果我将结束标记修改为< /div> (在“/”前面加一个空格)，问题就解决了。不幸的是，添加空格是违反HTML标准的。这个问题的解决方法是什么？谢谢。

<!doctype html>
<html lang="en">
<html>
<head>
<meta charset="utf-8">
<title>Formula</title>

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script>

    $("body").append(<div id="my_id"></div>);

    function my_function() { }

</script>
</head>
<body>
</body>
</html>

Answer 1

这不是Notepad++的问题，而是JavaScript语法的问题。您将看到您问题上的语法突出显示也有些不对劲。

该HTML片段需要在字符串中，因为您将其用作脚本中的字符串数据：

$("body").append('<div id="my_id"></div>');

Answer 2

我认为你也需要用引号把div标签括起来。

append("div id=\"my_id\"></div>");

Answer 3

更改：

 $("body").append(<div id="my_id"></div>); 

至：

$("body").append("<div id='my_id'></div>");