为什么我在a元素外面加个p标签,点删除是删了容器p再点击才是删了div?

    <div class="aaron2">点击,通过unwrap的回调方法给a元素删除父容器div</div>
    <div class="left">
        <div>
            <p><a>a元素</a></p>
        </div>
        <div>
            <p><a>a元素</a></p>
        </div>
    </div>
    <script type="text/javascript">
    $(".aaron2").on('click', function() {
        $('a').unwrap(function() {
            return '<div></div>';
        })
    })
    </script>