jquey怎么获取当前元素的序列

Question

html代码

    <ul id="ul1">
        <li>0</li>
        <li>1</li>
        <li>2</li>
        <li id="three">3</li>
    </ul>

js代码

    $(function(){
        alert($('#ul1 li').eq(2).html());

        $('#three').click(function() {
            //输出它是第几个
        })
    })
    

问题是：
这个 $('#ul1 li').eq(2).html() 输出的是ul 下第三个li 的值，我想知道点击 $('#three') 怎么样才能输出它是当前第几个

我找到答案，不用啦，谢谢下面两位的回答

我找到的答案是

$('#three').click(function() {
           var index = $('ul li').index(this)
           alert(index)
        })

Answer 1

$(this).index() ? 

Answer 2

$('li').eq(2).index();

Answer 3

html代码

<ul id="ul1">
    <li data-id="0">0</li>
    <li data-id="1">1</li>
    <li data-id="2">2</li>
    <li data-id="3" id="three">3</li>
</ul>

js代码

$(function(){
    alert($('#ul1 li').eq(2).html());

    $('#three').click(function() {
        //输出它是第几个
        console.log($(this).data("id"));//元素里的data-id是自定义的可以写任意值
    });
    
})