Question

所以我在页面上有一个搜索栏（/ Search），当用户搜索某些内容时，它会对输入文本运行一个过滤器，并使用过滤后的结果刷新页面。

如果有人搜索“猴子”这个词，搜索结果的网址将为

/搜索？searchBoxText =猴

我试图在不刷新页面的情况下实现这一目标。

所以在我的main.js中我有：

$(function () { 
    $("#searchBox").keyup(function (e) {
        var searchBoxText= $("#searchBox").val();
        $.get("/Search?searchBoxText=" + searchBoxText, function (getHtml) {
            $("#resultsDiv").html(getHtml);
        });
    });
});

问题是它会在#resultsDiv中显示整个页面，我希望它只显示#resultsDiv。所以它显示标题，搜索栏和＆amp;按钮再次。

基本上我想在旧版#resultsDiv中显示新结果（位于#resultsDiv中），但我似乎无法将.get（）限制为仅从中获取特定元素结果页面。

我试着做

$.get("/Search?searchBoxText=" + searchBoxText + " #resultsDiv", function (getHtml)
$("#resultsDiv").html(getHtml).find("#resultsDiv");

和其他类似的改变似乎没什么用。

谢谢！

Answer 1

请尝试以下

$("#resultsDiv").html($(getHtml).filter("#resultsDiv"));

<强> Demo

.get（）和.find（）搜索结果

1 个答案: