通过内容相同去找点击的li对象是页面中的第几个li元素

<script type="text/javascript">

    $(document).ready(function () {
        //通过内容相同去找点击的li对象是页面中的第几个li元素
    $("li").click(function () {
        var liArray= $("li");
        for (var i = 0; i < liArray.length; ++i)
        {
            if (liArray.get(i).innerText == $(this).text()) {
                alert(i);
            }
        }
    });
   
    
});


</script>

//以上是理解简单的通过内容去查找遍历整个页面的li元素。

<ul>
        <li>ulli1</li>//0
        <li>ulli2</li>//1
        <li>ulli3</li>//2
        <li>ulli4</li>//3
    </ul>
    <ol>
        <li>olli1</li>//4
        <li>olli2</li>//5
        <li>olli3</li>//6
        <li>olli4</li>//7
    </ol>

//下面的是直接通过index（）去找是第几个同胞的li元素（属于相同级别的li元素）

 <script type="text/javascript">
            $(document).ready(function() {
                $("li").click(function () {
                    var i = $(this).index();
                    alert("这是第"+i+"个元素");
                });
            });
        </script>

<ul>
        <li>ulli1</li>//0
        <li>ulli2</li>//1
        <li>ulli3</li>//2
        <li>ulli4</li>//3
    </ul>
    <ol>
        <li>olli1</li>//0
        <li>olli2</li>//1
        <li>olli3</li>//2
        <li>olli4</li>//3
    </ol>