Question

我有一张地图。每当我点击状态时，它都会拉动经销商并显示出来。但是，如果数据库没有结果，则会在页面上留下前一个结果。我想要的是，如果没有针对该特定状态的结果，我希望它能使容器变空。我该怎么办？

$(document).ready(function() {
    $("#SC").click(function() {
        if ($("div.SC_info").is(":hidden")) {
            $("#repinfo_container div.info_cont").removeClass("active");
            $("#repinfo_container div.info_cont").addClass("inactive");
            $("div.SC_info").slideDown("fast");
            $("div.SC_info").removeClass("inactive");
            $("div.SC_info").addClass("active");
            $("div.inactive").slideUp("fast");
        } else {}
    });
});

更多细节看看这张照片。 http://i.imgur.com/vozKp.png这是一个交互式分布图。问题是例如在数据库中我有CA（加利福尼亚州）的结果（分销商）。当我点击它时，拉起并显示在底部。但是，如果我单击LA（状态），因为没有结果它显示先前单击状态的结果。我想要的是如果我没有任何结果这个状态我希望它显示该容器而不是显示以前的结果。我希望现在更有意义。

以下是整页的源代码

pastebin.com/mxyDpZCx

Answer 1

我想要的是如果没有针对该特定状态的结果我希望它使容器变空。

$("#repinfo_container").empty();

Answer 2

你可以这样做：

$(selector).html('');

小费：

你应该缓存你的选择以获得更好的表现，比如，而不是：

$("div.SC_info").slideDown("fast");
$("div.SC_info").removeClass("inactive");       
$("div.SC_info").addClass("active");

你可以拥有这个：

var selection = $("div.SC_info");
selection.slideDown("fast");
selection.removeClass("inactive");       
selection.addClass("active");

这样你就可以选择一次元素并对选择进行操作，而不是选择它们三次。

如何清除是否没有结果

2 个答案: