jq obtiene el valor de índice del elemento actual con el mismo nombre de clase pero bajo diferentes elementos principales

Cuando usamos la sintaxis nativa js o jquery, hay situaciones en las que queremos obtener el subíndice de un elemento, pero ¿cómo obtenemos el subíndice para el mismo nombre de clase pero en diferentes elementos principales?

<div class="father">
    <ul class="son">
        <li>第一个li</li>
        <li>第二个li</li>
    </ul>
    <ul class="son">
        <li>第三个li</li>
        <li>第四个li</li>
    </ul>
</div>

    $('li').on('click', function () {
        console.log($(this).index());
    })

Haga clic en el primer li para generar 0. Haga clic en el segundo li para generar 1. Haga clic en el tercer li para generar 0. Haga clic en el cuarto li para generar 1.

Entonces lo que quiero lograr es

Haga clic en el primer li para generar 0. Haga clic en el segundo li para generar 1. Haga clic en el tercer li para generar 2. Haga clic en el cuarto li para generar 3.

¿Cómo modificar el código en este momento?

    $('li').on('click', function () {
        console.log($(".father li").index(this));
    })