Как сделать простой prettyprint

 с jquery

http://jsfiddle.net/JamesKyle/L4b8b/

Я пытаюсь сделать очень простую функцию prettyprint с jQuery, но я не знаю, как найти элементы, атрибуты и значения (показано в jsfiddle).

Я пытаюсь сделать следующее:

1. Обернуть элементы с помощью
2. Обернуть атрибуты с помощью
3. Обернуть значения с помощью
4. Замените на <
5. Замените > на >

Вот текущий jQuery, который у меня есть:

$(document).ready(function() {

    $('pre.prettyprint').each(function() {

        $(this).css('whitespace','pre-line');
        /* Why isnt ^this^ working? */

        var code = $(this).html();

        // How should I define the following

        var element = $(code).find(/* ELEMENTS */);
        var attribute = $(code).find(/* ATTRIBUTES */);
        var value = $(code).find(/* Values */);

        $(element).wrap('');
        $(attribute).wrap('');
        $(value).wrap('');

        $(code).find('<').replaceWith('<');
        $(code).find('>').replaceWith('>');
    });
});

Который пытается отформатировать это:

    Visit Website
    Back to Top
 

в это:

    a href=”http://website.com”Visit Website/a
    

    a href=”#top”Back to Top/a

Заранее спасибо!

Вы можете посмотреть jsfiddle здесь: http://jsfiddle.net/JamesKyle/L4b8b/