使用 jQuery/Javascript 过滤字符串

Filter strings with jQuery/Javascript

本文关键字:过滤 字符串 Javascript jQuery 使用      更新时间:2023-09-26

我试图使用 $.get 加载页面而不重新加载页面。

<script>
$('#top_links a').click(function (e) {
    e.preventDefault();
    var link = $(this).attr('href');
    $('#content').empty();

    $.get(link, { }, 
        function(data) {
            $('#content').empty().append(data);
        }
    )
});
</script>

这有效,但整个请求的页面都被塞进了#content。与其检测 ajax 请求并在服务器端过滤数据,不如在客户端执行此操作。有没有办法使用 javascript 有效地过滤字符串,以便我只获得某些div?我要保留的内容将全部包含在名为 #content 的div 中(我只是试图将当前页面的#content与请求页面的#content交换)。

尝试load加载页面片段的方法:

$("#content").load(link + " #content > *");​​​​​​​​​​​

在这里,我们可以使用> *来仅包含#content块的内部 HTML,而不用<div id="content"></div>包围它(在此处查看有关它的更多信息)。

您可以像操作页面上的元素一样操作从get返回的数据。

例如:

$('#content').replaceWith($(data).find("#content"));