如何使用javascript将数据附加到ol li

我需要将数据附加到已经存在的有序列表（ol li）中。但是我无法使用下面提到的函数进行附加。您能帮助我吗

这是我的老李：

<ol class="dd-list" id="classroomdatalist">
    <li class="dd-item" data-id="2">
        <div class="dd-handle classroom_side-bdr"><b>Classroom</b></div>
        <c:forEach items="${records.cList}" var="records1">
            <ol class="dd-list" id="classroomlist${records1.classroomID}">
        <li id="cs1" class="dd-item" data-id="3" value="${records1.levelID}">
                    <div class="dd-handle">
                        <a href="javascript:classroomShow(${records1.classroomID})" id ="classroomName${records1.classroomID}"> ${records1.videoFile}</a>
            <img class="delete_img" alt="" src="../resources/images/Trash.png" title="delete" id="delete_btn"  data-toggle="modal" data-target="#windowTitleconfirmation" onclick="javascript:deleteValues(${records1.classroomID},'classroom')">
                    </div>
                </li>
            </ol>
        </c:forEach>
    </li>
</ol>

教室

下面是我的append javascript函数

function classroomadd(){

    console.log("level"+level);
    var clg = ${param.clg};
    var levelID = level;

    videoFile = document.getElementById("videoFile").value;
    soundFile = document.getElementById("soundFile").value;
    var classroomData = {
        videoFile:videoFile,
        soundFile:soundFile,
        levelID:levelID,
        clg:clg
    };
    $.ajax({
        type : "post",
        url : "classroomAdd",
        data: JSON.stringify(classroomData),
        dataType:'json',
        contentType:'application/json',
        mimetype:'application/json',
        cache : false,
        beforeSend : function(xhr) {
            xhr.setRequestHeader("Accept", "application/json");
            xhr.setRequestHeader("Content-Type", "application/json");
        },
        success : function(response) {
            console.log("Success: "+response.sucess);


            $("#classroomdatalist").append('<li>'+response.sucess+'</li>'); 

            $("#classroomcontent_div").hide();
        },
        error : function(xhr) {
            console.log("Sorry, there was a problem! " + xhr.status);
        },
        complete : function() {
            console.log("Request complete");
        }
    }); 
}

函数classroomadd（）{
控制台日志（“级别”+级别）；
var clg=${param.clg}；
var-levelID=水平；
videoFile=document.getElementById（“videoFile”）.value；
soundFile=document.getElementById（“soundFile”）.value；
var classroomData={
视频文件：视频文件，
声音文件：声音文件，
levelID:levelID，
clg:clg
};
$.ajax({
类型：“post”，
url:“classroomAdd”，
数据：JSON.stringify（classroomData），
数据类型：'json'，
contentType:'application/json'，
mimetype:'application/json'，
cache:false，
发送前：函数（xhr）{
setRequestHeader（“接受”、“应用程序/json”）；
setRequestHeader（“内容类型”、“应用程序/json”）；
},
成功：功能（响应）{
console.log（“成功：+response.suces”）；
$（“#classroomdatalist”）.append（“
”+response.suces+”
）；
$（“#classroomcontent_div”）.hide（）；
},
错误：函数（xhr）{
log（“抱歉，出现了问题！”+xhr.status）；
},
完成：函数（）{
控制台日志（“请求完成”）；
}
}); 
}

你能帮助任何人吗………

试试这个

var data="sample";
$("#sampledatalist").append($('<li/>').html(data)); 

var data=“sample”；
$（“#sampledatalist”）.append（$（'
'）.html（数据））；

我希望这能解决你的问题

---

并确保您已经在顶部添加了jquery库。

问题是您包含了两次jquery库。你有：

• jquery-1.8.3.js

---

• jquery-1.3.2.min.js尝试时会发生什么？只要该代码在列表放入DOM后运行，它就应该可以工作。但是它没有工作，没有附加数据。您是否将jQuery库包含在页面顶部/此jQuery代码上方？您可以提供一个code@VSN这个代码正在运行，所以我认为您需要向我们展示更多的代码，因为这是绝对正确的fine@VSN请看演示是否正常工作。如果它不适合您，那么您的文件中应该有一些错误。检查你的控制台我没有投反对票，但你在不知道全部情况的情况下回答了。如果上面的代码对OP“不起作用”，那么还有其他问题。@Daedalus可能是我给了他添加内容而不进行连接的正确方法。正如我所说，我没有投反对票，我只是提供了一个想法，说明为什么会发生这种情况。而且，我不会称这种方法为“正确的”，它实际上比

  document.createElement

  慢，因为jquery必须确定它不是css选择器。我已经包括了这两个库jquery-1.8.3.js和jquery-1.3.2.min.js

  var data = "Some data";
  $( "#myId" ).append($('<li/>').html(data));