jquery动态生成li

最新推荐文章于 2021-02-01 06:49:55 发布

wuguofei12345

最新推荐文章于 2021-02-01 06:49:55 发布

阅读量2.5k

点赞数 1

分类专栏： javascript

本文链接：https://blog.csdn.net/wuguofei12345/article/details/81456880

版权

javascript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

根据后台数据动态生成li到ul，html:

<html>
 <head></head>
 <body>
  <div class="template-text"> 
   <ul id="ul_currentquestion"> 
    
   </ul> 
  </div>
 </body>
</html>

动态生成li到ul下：

$.ajax({
    type: "POST",
    url: "question/getbycondition",
    data: JSON.stringify({
        orderBy: 'questionorder asc',
        condition: {
            templateid: 'null',
            isgeneralquestion: '0',
            templateid: templateid
        }
    }),
    async: false,
    contentType: 'application/json',
    dataType: "json",
    error: function(data) {
        alert(data.message);
    },
    success: function(response) {
        if (response.code == '0000') {
            //重新加载li
            $("#ul_currentquestion li").remove();
            
            var json = eval(response.data);
            //alert("json="+json);
            $.each(json,
            function(index, item) {
                //循环获取数据
                var questiondesc = '问题' + (index + 1) + '. ' + json[index].questiondesc;
                var questionid = json[index].questionid;
                var generalquestionid = json[index].generalquestionid;
                var li = $("<li value=" + json[index] + ">" + questiondesc + "</li>");
                li.appendTo("#ul_currentquestion");
                li.append(' <a onclick="deleteQuestion(\'' + questionid + '\')">删除</a>');
                if (generalquestionid == null || generalquestionid == '') {
                    li.append(' <a onclick="updateQuestion(\'' + questionid + '\')">修改</a>');
                }

                var index = $("#ul_currentquestion li").index(li);
                var nextId = null;
                var previousId = null;
                if (index < (json.length - 1)) {
                    nextId = json[index + 1].questionid
                }
                if (index > 0) {
                    previousId = json[index - 1].questionid;
                }
                if (json.length > 1) {
                    if (index == 0) {
                        li.append('<a onclick="upordown(\'' + questionid + '\',\'' + nextId + '\')">下移</a>');
                    } else if (index == json.length - 1) {
                        li.append('<a onclick="upordown(\'' + questionid + '\',\'' + previousId + '\')">上移</a>');
                    } else {
                        li.append('<a onclick="upordown(\'' + questionid + '\',\'' + previousId + '\')">上移</a>');
                        li.append('<a onclick="upordown(\'' + questionid + '\',\'' + nextId + '\')">下移</a>');
                    }
                }

                
            });
        } else {
            //alert("保存失败,"+data.message);  
        }
    }
});

wuguofei12345

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
jquery动态生成li

根据后台数据动态生成li到ul，html:&lt;html&gt; &lt;head&gt;&lt;/head&gt; &lt;body&gt; &lt;div class="template-text"&gt; &lt;ul id="ul_currentquestion"&gt; &lt;/ul&gt; &am
复制链接

扫一扫