Javascript 循环浏览列表并创建一个<；李>；元素

我有一个html格式的列表，如下所示：

    <ul data-role="listview" data-filter="true" data-input="#element">
            <li><a href="">
                <div class="item">
                    <h3>getting up</h3>
                    <div>
                        <h6>from bed</h6>
                        <h6>09:00</h6>
                    </div>
                </div>
            </a></li>
            <li><a href="">
                <div class="item">
                    <h3>brushing</h3>
                    <div>
                        <h6>with brush</h6>
                        <h6>09:30</h6>
                    </div>
                </div>
            </a></li>
            <li><a href="">
                <div class="item">
                    <h3>COFFEE </h3>
                    <div>
                        <h6>nescafe</h6>
                        <h6>10:30</h6>
                    </div>
                </div>
            </a></li>
            <li><a href="">
                <div class="item">
                    <h3>office</h3>
                    <div>
                        <h6>work</h6>
                        <h6>4hours</h6>
                    </div>
                </div>
            </a></li>
            <li><a href="">
                <div class="item">
                    <h3>LUNCH</h3>
                    <div>
                        <h6>canteen</h6>
                        <h6>1hour</h6>
                    </div>
                </div>
            </a></li>
            <li><a href="">
                <div class="item">
                    <h3>office</h3>
                    <div>
                        <h6>work</h6>
                        <h6>4hours</h6>
                    </div>
                </div>
            </a></li>
            <li><a href="">
                <div class="item">
                    <h3>dinner</h3>
                    <div>
                        <h6>home</h6>
                        <h6>11hours</h6>
                    </div>
                </div>
            </a></li>

        </ul>

我想做以下工作：

创建

元素，添加到

部分

循环浏览列表，并将创建的

附加到

元素？ （创建数组并转换为字符串是一个不错的选择，但无法实现）

有人能帮我解决这个问题吗？

我试过这种方法

var sessionsList = "<div>emptylist</div>";
var myElement = document.getElementById("#mysessioname");

var view = $(sessionsList );
view.empty();
$(noSessionsCachedMsg).appendTo(view);

var sessionsListSelector = $("#myElement").append('<ul data-role="listview" data-filter="true" data-input="#element"></ul>').find('ul');
for (var i = 0; i < 10; i++)
{
    // enter code here
    sessionsListSelector.append('<li>something</li>');
}

var sessionlist=“emptylist”；
var myElement=document.getElementById（“#mySessionName”）；
变量视图=$（会话列表）；
view.empty（）；
$（noSessionsCachedMsg）.appendTo（视图）；
var sessionListSelector=$（“#myElement”）.append（“
”）.find（'ul'）；
对于（变量i=0；i<10；i++）
{
//在这里输入代码
append（“
某物”
”）；
}

尝试以下方法：

将id“列表测试”添加到列表中：

<ul id="list-test" data-role="listview" data-filter="true" data-input="#element">

添加要测试的按钮：

<button id="anchor-test" href="#">Add Element</button>

添加元素

并尝试使用以下脚本（带注释）开始：

$("#anchor-test").on("click", function (event) {
    event.preventDefault();
    // Create li element, with class
    var liTag = $("<li>", { "class": "test-class" });
    // Create anchor element, with blank href
    var aTag = $("<a>", { "href": "" });
    // Create div element, with class "item"
    var itemTag = $("<div>", { "class": "item" });
    // Define some text
    var txt_one = "rest test";
    var txt_two = "play test";
    // Insert html, including defined text, into div element
    itemTag.html("<h3>office test</h3><div><h6>" + txt_one + "</h6><h6>" + txt_two + "</h6></div>");
    // Add div (with html) to anchor, and anchor to li element 
    liTag.append(aTag.append(itemTag));
    // Add whole li element to the list
    $("#list-test").append(liTag);
});

$（“#锚定测试”）。在（“单击”上，函数（事件）{
event.preventDefault（）；
//使用类创建li元素
var liTag=$（“
”，{“类”：“测试类”}）；
//创建锚元素，带有空白href
var aTag=$（“”，{“href”：“}）；
//使用类“item”创建div元素
var itemTag=$（“”，{“类”：“项”}）；
//定义一些文本
var txt_one=“休息测试”；
var txt_two=“播放测试”；
//在div元素中插入html，包括定义的文本
html（“office测试”+txt_one+“”+txt_two+“”）；
//将div（带有html）添加到anchor，并将anchor添加到li元素
liTag.append（aTag.append（itemTag））；
//将整个li元素添加到列表中
$（“#列表测试”）.append（liTag）；
});

---

单击该按钮将添加已定义的li元素。希望有帮助。

欢迎来到StackOverflow。请看。你试过什么？可能是重复的我建议编辑你原来的问题，并把它放在最后。这将有助于向人们展示你的尝试。否则，如果他们看不到这一点，他们可能会否决你原来的问题。