javascript - 尝试使用 javascript 原型在锚点周围添加标题

Question

我正在尝试使用 Prototype 在几个锚点周围放置标题。但它不起作用？有人可以帮我弄这个吗？谢谢。

            function placeheader(item, i)
            {
                item.insert({
                    //This doesnt work:  
                    before: "<h3>",
                    after: "</h3>"

                    //This works:           
                    //top: "test3",
                    //bottom: "test4"
                }); 
            }               
            $$('div.subresult a').each(placeheader);

Answer 1

恐怕你不能使用带有部分标签的 insert() 方法，试试这个：

function placeheader(item) {
    var header = $(document.createElement("h3"));
    item.up().insertBefore(header, item);
    item.remove();
    header.appendChild(item);
}
$$("div.subresult a").each(placeheader);

Answer 2

试试wrap()方法

$$('div.subresult a').each(function(item){
    var header = new Element('h3');
    item.wrap(header);

});

http://api.prototypejs.org/dom/Element/prototype/wrap/