How to change original html code in runtime via jquery?

Question

<blockquote><p>We prefer questions that can be answered, not just discussed. Provide details. Write clearly and simply.If your question is about this website, ask it on meta instead.</p></blockquote>.

I want to change above code to this.

    <blockquote>
    <div class="quote_start"><div></div></div><div class="quote_end"><div></div></div>
    <p>We prefer questions that can be answered, not just discussed.
Provide details. Write clearly and simply.If your question is about this website, ask it on meta instead.</p>
    </blockquote>

Answer 1

Use the prepend method

$('blockquote').prepend('<div class="quote_start"><div></div></div><div class="quote_end"><div></div></div>');

That will place the text as the first child element of the selected object

Answer 2

is this the only blockquote? if so you could use prepend/

$("blockquote").prepend("<div class='quote_start'><div></div></div><div class='quote_end'><div></div></div>");

Otherwise you would need to find someway to identify the blockquote in question before doing the prepend.