js 序號重新排列問題

<div>

        <ul>
            <li></li>
            <li id="index0"></li>
            <li></li>
            <a onclick="delete()"></a>
        </ul>
    </div>
    <div>
        <ul>
            <li></li>
            <li id="index1"></li>
            <li></li>
            <a onclick="delete()"></a>
        </ul>
    </div>
    <div>
        <ul>
            <li></li>
            <li id="index2"></li>
            <li></li>
            <a onclick="delete()"></a>
        </ul>
    </div>

點擊刪除按鈕，都會把下面重新排列
原來id是index0、index1、index2，比如刪除第一行，變成index0、index1，而不是index1、index2請輸入代碼