javascript - jquery如果数据不为空添加类问题

Question

不确定为什么这对 js 仍然很新。我正在尝试检查是否有任何数据，如果有则应添加一个隐藏类，如果没有数据则应将其删除。

 $(function() {

    $('#search').keyup(function() {
        var followerList=$("#followerlist");
        if($('#search').val() !== ""){
            followerList.addClass('hidden');
        }else{
            followerList.removeClass('hidden');
        };
        $.ajax({
            type: "POST",
            url: "/search/",
            data: {
                'search_text': $('#search').val(),
                'csrfmiddlewaretoken': $("input[name=csrfmiddlewaretoken]").val()
            },
            success: searchSuccess,
            dataType: 'html'
        });
    });
});



function searchSuccess(data, textStatus, jqXHR)
{
    $('#search-results').html(data);
}

Answer 1

您的searchSuccess 函数必须是这样的:

function searchSuccess(data, textStatus, jqXHR)
{
        var followerList=$(".followerlist");
        $('#search-results').html(data);
        if(data !== "")
        {
                followerList.addClass("hidden");
        }
        else
        {
                followerList.removeClass("hidden");
        }
}