JavaScript 中的 onclick="delRow (this) 用 jQuery 该如何写呢？

试试这样写

    $('#tt').on('click', function () {
        $(this).parent().parent().remove();
    })

你把button的上一级的上一级remove了，button本身不就也不存在了

<ul>
<li class="item"><button type="button" class="btn btn-danger btn-xs tt">DELETE</button></li>
<li class="item"><button type="button" class="btn btn-danger btn-xs tt">DELETE</button></li>
<li class="item"><button type="button" class="btn btn-danger btn-xs tt">DELETE</button></li>
</ul>

<script>
    $('.tt').click(function () {
                $(this).parents('li').remove();
//  $(this).parents('.item').remove();
            })
</script>

#id 用 $('#id') 只能获取一个,需要用 class 来获取