jQuery添加普通的html .after()和.before()

时间:2013-09-07 18:03:01

标签: javascript jquery html

我有一些html元素,我想在它之前添加一些结束标记

tag.before("</div></div>"); 然后通过在

之后添加适当的标签重新打开它

tag.after("<div class='one'><div class='two'>");

但它似乎不起作用。它创建标签并自动关闭它们,它根本不添加结束标签。

为什么我需要这个?

我需要一些元素作为身体的dircet孩子,我不能手动修改html,所以我希望它关闭其内部的所有标签,然后用适当的.classes重新打开它们

我的功能是(但我不确定它是否重要)

//function makes element dircet child of 'to' argument. It closes all parents and reopens'em
$.fn.escape = function(to) {
    return this.each(function(){
        var t = $(this);
        var parents = [];
        var escaped = false
        var actualParent = t.parent();

        //div to store cleared from content parents html
        var virtualDiv = $('<div class="hide"></div>');

        //while not walked to given root parent
        while ( !escaped ) {
            var parent = actualParent;
            if ( parent.is(to) || !parent.length) { //check if there is parent and if its the one we look for
                escaped = true;
            } else {
                parents.push( parent.clone().html('').prependTo(virtualDiv) );  //prepend clone of parent with cleared content to wirtual div
                actualParent = actualParent.parent();   //remember actual parent                
            }

        }

        //get html from virtual div and remove all closing tags from it
        var newOpenTags = virtualDiv.html().replace(/<\/\S+>/g, '');


        //basing on tag-type of each parent, generate closing tags
        var closeTags = "";
        for (var i = 0; i < parents.length ; i++) {
            closeTags = closeTags + "</" + parents[i].get(0).tagName.toLowerCase() + ">";
        }

        //put closing tags before element and put reopen tags after it
        t.before(closeTags);
        t.after(newOpenTags);
    })
}

换句话说。如何在某个元素之前添加结束标记,并在其后添加开始标记(不用自动关闭它们)。

1 个答案:

答案 0 :(得分:0)

beforeafter不会注入html,它会附加元素。你想要做的是wrap()元素。