<style>

p, span, pre {

    background-color : red;

}

img {

    background-color : blue;

}

</style>

<div id="target">

    <p>지워질 대상1</p>

    <div>

        <div>

            <img src="http://okky.kr/assets/okjsp_logo-467f1484e489ca1133e6320083e1fb9f.png" />

        </div>

    </div>

<span>지워질 대상2</span>

<pre>지워질 대상3</pre>

</div>

<div>

    <br>

    <button type="button">실행</button>

</div>

// HTML 태그 제거. 단, img 태그 제외.

<script>

$(init);

function init() {

    $('button').on('click', action);

}

function action() {

    var $target = $('#target');

    var targetHtml = $target.html();

    var removeTagsTargetHtml = removeTags(targetHtml);

    alert(removeTagsTargetHtml);

    $target.html(removeTagsTargetHtml);

}

function removeTags(input) {

    var pattern1 = /<+(?!img\ssrc).+/g;

    var pattern2 = /(^\s*)|(\s*&)|(\n)/g; // trim()과 동일

    return input.replace(pattern1, "")

        .replace(pattern2, "");

};

</script>