Question

当我打开主页面（在此URL中）时，它在列表中有4个项目，然后我点击另一个链接（在页脚中点击联系人），然后在我再次点击主页面时在联系页面中（在页脚位置链接）它再次追加物品我该如何清除以前的项目？

这是我的主页代码

$(document).ready(function (e) {

                $.getJSON('http://xx1', function (data) {

                    $.each(data.markers, function (i, marker) {

                        if (marker.PlaceExtra3 === '1') {

                            $("#listeu").append("<li data-role='list-divider' role='heading' class='ui-li ui-li-divider ui-bar-b ui-li-has-count' style='text-align:center'> <a href='http://localhost:65028/Home/KonuDetail/ " + marker.PlaceID + "' </a> " + marker.PlaceExtra2 + " - " + marker.PlaceName + " </li>");
                            $("#listeu li:last").fadeIn("slow");
                            $(".ui-btn-inner:eq(0)").css("background", 'red');
....

Answer 1

使用.empty()清除列表。

$.getJSON('http://xx1', function (data) {
    // empty list before the loop to clear the list
    $("#listeu").empty();
    // list is now empty, continue as normal
    $.each(data.markers, function (i, marker) {
    if (marker.PlaceExtra3 === '1') {
        $("#listeu").append("<li data-role='list-divider' role='heading' class='ui-li ui-li-divider ui-bar-b ui-li-has-count' style='text-align:center'> <a href='http://localhost:65028/Home/KonuDetail/ " + marker.PlaceID + "' </a> " + marker.PlaceExtra2 + " - " + marker.PlaceName + " </li>");
        $("#listeu li:last").fadeIn("slow");
        $(".ui-btn-inner:eq(0)").css("background", 'red');

Jquery一次又一次地附加相同的项目

1 个答案: