对HEAD标记中的元素进行分组

Group elements in HEAD tag

本文关键字：元素 HEAD      更新时间：2024-03-01

我在AJAX页面系统上工作。当您按下链接时，ajax会被调用，并从您请求的页面中检索数据。

我的问题是，在该页面文件中，有一些数据需要放置在head标记中。我已经尝试过jQuery函数.appendTo()，但当您访问另一个页面时，它只是不断追加。

因此，我正在寻找一种在head标签中创建元素组的方法，以便在特定页面上替换内容，如$("#head").html(headData)；

我该如何解决此问题？由于不能在head标记中放入div，因此我不知道如何对元素进行分组。

一种方法是向每个元素添加一个具有页面名称的类。但是我正在寻找一种更有效的方法。我希望使用该系统的每一位开发人员都只编写代码，而不必为将其发送到head而做一些特定的任务。

有人有主意吗？

提前感谢！

所以我这样解决了它：

首先，该函数检查头中所有具有类"ajaxHeadObject"的元素，并删除它们。

然后，函数将数据添加到id为"head"的元素中。然后在该对象中的foreach元素中添加类"ajaxHeadObject"，并将所有对象附加到头部。

        $.ajax({
            type: "GET",
            url: "head.php",
            success: function (data){
                $("head .ajaxHeadObject").each( function () {
                    $(this).remove();
                });
                $("#head").html(data);
                $("#head").children().each( function () {
                    $(this).addClass("ajaxHeadObject");
                    $(this).appendTo("head");
                }, function () {
                    $("#head").remove();
                })
            }
        })

让我知道你对此有何看法。

相关文章：