Javascript 在Jquery中添加具有属性的列表项

我试图添加一个具有属性的列表项，但每次运行它时都会出错。你们知道我的代码有什么语法问题吗

<div class="subway-map" data-columns="12" data-rows="10" data-cellSize="40" data-legendId="legend" data-textClass="text" data-gridNumbers="true" data-grid="true" data-lineWidth="8">
    <ul data-color="#ff4db2" data-label="jQuery Widgets">          
        <li data-coords="2,2"><a href="#">North Ave</a></li>
        <li data-coords="4,2"><a href="#">South</a></li>
        <li data-coords="6,2"><a href="#">West</a></li>
    </ul>

    <ul data-color="red" data-label="jQuery Interactions" class="map2></ul>
</div>      

如上所述：

如果在字符串中使用一种形式的引号，则可能希望使用另一种形式的引号作为文本

append中的内部双引号正在断开字符串。将其替换为单引号以正确处理：

 $(".map2").append("<li data-coords='2,4'>Test</li>");

$（“.map2”）.append（
Test
）；
问题是因为用双引号分隔字符串文字，并在字符串中使用双引号。可以通过在字符串本身周围使用单引号来解决此问题。试试这个：

$(".map2").append('<li data-coords="2,4">Test</li>');

我建议您使用带有语法突出显示的编辑器，因为它几乎不可能漏掉这样的错误。
双引号有问题，请改用单引号。尝试以下方法：

$(".map2").append('<li data-coords="2,4">Test</li>');

$(".map2").append("<li data-coords='2,4'>Test</li>");

$（“.map2”）.append（
Test
）；
您在
“
内部有
”
，但没有正确的转义或连接

替换

 $(".map2").append("<li data-coords="2,4">Test</li>"); // <---This is the issue

$（“.map2”）。追加（
测试；// 你可以用这个

$(".map2").append("<li data-coords='2,4'>Test</li>");

$（“.map2”）.append（
Test
）；

或

$（“.map2”）.append（“
Test
”）；
$（“.map2”）。追加（
Test
）或
$（“.map2”）.append（$（“
”，{data coords:“2,4”}））
 $(".map2").append("<li data-coords=\"2,4\">Test</li>");

$(".map2").append("<li data-coords='2,4'>Test</li>");

$(".map2").append('<li data-coords="2,4">Test</li>');