通过代码循环删除不需要的标记

Question

我正在尝试遍历我的代码并删除ul和li标签。我已经设法在顶层代码上执行此操作但是一旦我开始嵌套我的ul标签，我就不那么幸运了。我在下面添加了我的代码，任何反馈都很棒。

<div id="sortable1">
<li class="drag"> 
   <header>header</header>
    <ul id="innerul">
        <li class="drag inner"> 
            <aside>aside</aside>
        </li> 
   </ul>
</li>
<li class="drag">
    <footer>footer</footer>
</li>
</div>
<a href="#" class="but">code</a>
<div class="box"></div>

Jquery的

$(function() {
var str = '';
var a = [];
$( "#sortable1" ).sortable();
$('.but').click(function(){
    str = $('#sortable1').children('li').each(function(){            
         a.push($(this).html());
    });
    $('.box').text(a);
});

});

以下内容印在我的div中。

<header> header </header> <ul id="innerul"> <li class="drag"> <aside> aside </aside> </li> </ul> , <footer> footer </footer>

我没有jQuery编码错误但是我不知道如何解决这个问题。

这也是jsfiddle。http://jsfiddle.net/P2tkp/6/

提前致谢。