Question

我陷入了看似基本的困境。我的问题是为什么简单的html命令没有附加到div？

这是我的XML数据：

    <?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<collection>

    <ErrorOps>
        <aErrorID>53f4760f2af5422ac99af750</aErrorID>
        <bErrorName>RMOB RULE_INFO_2</bErrorName>
        <cErrorCause>Database Out Of Sync</cErrorCause>
        <dErrorResolution>Try clearing your cache, or check database ver</dErrorResolution>
        <eErrorTD>{ &quot;Java Null ??&quot; : 203 , &quot;Java File ??&quot; : 102}</eErrorTD>
    </ErrorOps>

    <ErrorOps>
        <aErrorID>53f4760f2af5422ac99af751</aErrorID>
        <bErrorName>ERROR X_2609</bErrorName>
        <cErrorCause>CAUSE X_2609</cErrorCause>
        <dErrorResolution>PERFORM X_2609</dErrorResolution>
        <eErrorTD>{ &quot;Java X_2609_1&quot; : 203 , &quot;Java X_2609_2&quot; : 102}</eErrorTD>
    </ErrorOps>

    <ErrorOps>
        <aErrorID>53f476f32af54609aefcd02a</aErrorID>
        <bErrorName>ERROR TR_1156</bErrorName>
        <cErrorCause>CAUSE TR_1156</cErrorCause>
        <dErrorResolution>RESOLUTION TR_1156</dErrorResolution>
        <eErrorTD>{ &quot;Java F_1345_1&quot; : 267 , &quot;Java F_1345_2&quot; : 982}</eErrorTD>
    </ErrorOps>

    <ErrorOps>
        <aErrorID>53f4760f2af5422ac99af752</aErrorID>
        <bErrorName>ERROR Y_2609</bErrorName>
        <cErrorCause>CAUSE Y_2609</cErrorCause>
        <dErrorResolution>PERFORM Y_2609</dErrorResolution>
        <eErrorTD>{ &quot;Java Y_2609_1&quot; : 203 , &quot;Java Y_2609_2&quot; : 102}</eErrorTD>
    </ErrorOps>

</collection>

这是我的HTML代码：

    <!DOCTYPE html>
<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        $('#car').click(function() {
            $.ajax({
                type: "GET",
                url: "data.xml",
                dataType: "xml",
                success: function (data) {
                    $('#content').empty();
                    $(data).find('ErrorOps').each(function(){
                        //var html = '<p> Sample Text </p>';    
                        $('#content').append("<p>Text</p>");
                        }
                    });
                },
                cache: false
                });
            return false;
        });
    });
    </script>
</head>
<body>

<a href="#" id="car">Car</a>
<div id="content">
</div>
</body>
</html>

有人可以告诉我这是什么问题吗？我认为文字应该附加4次。

Answer 1

在

之后你有一个额外的结束花括号

$('#content').append("<p>Text</p>");

请删除那个结束花括号。我删除后测试了代码，一切都很好！

添加简单HTML时出错 - Jquery

1 个答案: