<button type="button" class="btn">クリック</button>
<ul id="sample" class="list">
  <li>リスト</li>
  <li>リスト</li>
  <li>リスト</li>
  <li>リスト</li>
  <li>リスト</li>
<ul>

#sample{
  border: 1px solid #ccc;
}
.list{
  color:  red;
}

	$('.btn').click(function(){
		$('ul').replaceWith(function(){
			var class_name = $(this).attr("class");
			var id_name = $(this).attr("id");      
			return $("<ol />").append($(this).contents()).attr("id", id_name).attr("class", class_name);
		});
	});