<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(){
			return $("<ol />").append($(this).contents());
		});
	});
Rerun