javascript - 我想在从 api 请求添加新数据之前清除我的表数据？我尝试使用多种方法

Question

$("#artistButton").on('click', function () {
var artist = $("#artistSearch").val().trim()
var queryURL = "https://rest.bandsintown.com/artists/" + artist + "/events?app_id=test&date=upcoming" + artist + "?app_id=test";
console.log(artist)


$.ajax({
    url: queryURL,
    method: "GET"
}).then(function (response) {
    var imageURL = response[0].artist.image_url;
    var image = $("<img id='pictureSize'>")
    var artistName = response[0].artist.name

    console.log(response)


    $("#artistName").html(artistName)
    image.attr('src', imageURL)
    $("#artistImage").html(image)
    $("#venue").html(response[125].venue.name)



    for (var i = 0; i < response.length || 5; i++) {
        var time = moment(response[i].datetime).format("MMM Do, hh:mm");
        var venueName = response[i].venue.name
        var city = response[i].venue.city;
        var region = response[i].venue.region
        if (i == 5) {
            break;
        }

        $(".tableData").before($("<tr><td>" + venueName + "</td>" + "<td>" + city + ', ' + region + "</td>" + "<td>" + time + "</td></tr>"))
    }
});

$(".tableData").val("");

})

标签： javascriptjqueryhtml-table

Answer 1

您可以使用emptyorremove函数在添加新内容之前设置表格内容。

• Empty：“从 DOM 中删除匹配元素集的所有子节点。”
• 移除：“从 DOM 中移除匹配的元素集。”