$(function(){
    $("pre").each(function(){
        //获取到自己的内容和类名
        var content = $(this).html();
        $(this).html("");//清空自己的内容
        var cla = $(this).attr("class");
        var newcla = "";
        if(cla != null){
            newcla = cla.replace("brush:","language-");
        }
        var newNode = "<code class='"+ newcla + "'>" + content + "</code>";
        $(this).append(newNode);
    });
});

这是一个实例，在每个pre节点新建一个子节点，根据父节点的类名构造出子节点的类名，并将父节点的类容剪切到新加子节点中

主要是为了适应一些css，不好改样式的，只好改结构了