HEAD标记中的组元素

时间:2015-02-22 16:17:39

标签: javascript php jquery html ajax

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

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

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

我该如何解决这个问题?由于您无法在div标记中添加head,因此我不知道如何对元素进行分组。

一种方法是向每个元素添加一个带有页面名称的类。但我正在寻找一种更有效的方法。我希望每个使用这个系统的开发人员都可以编写代码,而不必考虑做一些特定的任务来将其转移到head

有人有个主意吗?

提前致谢!

1 个答案:

答案 0 :(得分:0)

所以我这样解决了:

首先,该函数使用类" 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();

                })

            }

        })

让我知道你对此的看法。