jQuery如何从元素中除去HTML标签

HTML

<h2 id="h2-caption">jQuery如何从元素中除去HTML标签</h2>
<input type="button" id="id-button-striphtmltag" value="从元素中除去HTML标签"/><br>
<div id="div-striphtmltag">
<p>
	<table border="1" style="padding:2px;">
		<tr>
			<td>1</td>
			<td>jQuery</td>
			<td>如何从元素中除去HTML标签</td>
		</tr>
		<tr>
			<td>2</td>
			<td>jQuery</td>
			<td>如何从元素中除去HTML标签</td>
		</tr>
		<tr>
			<td>3</td>
			<td>jQuery</td>
			<td>如何从元素中除去HTML标签</td>
		</tr>
	</table>
</p>
					    

JS

(function($){
	$.fn.stripHtmlTag=function(){
		var regexp = /<("[^"]*"|'[^']*'|[^'">])*>/gi;
		this.each(function(){
			$(this).html($(this).html().replace(regexp,''));
		});
	return $(this); 
};
})(jQuery);
$(function(){
	$("#id-button-striphtmltag").click(function(){
		$("#div-striphtmltag").stripHtmlTag();
	});
});