为了账号安全,请及时绑定邮箱和手机立即绑定

$(this).index()什么意思

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title></title>
    <style>
    .left {
        width: auto;
        height: 150px;
    }
    
    .left div {
        width: 150px;
        height: 120px;
        padding: 5px;
        margin: 5px;
        float: left;
        background: #bbffaa;
        border: 1px solid #ccc;
    }
    </style>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>

<body>
    <h2>each方法</h2>
    <div class="left first-div">
        <div class="div">
            <ul>
                <li>list item 1</li>
                <li>list item 2</li>
                <li>list item 3</li>
            </ul>
        </div>
        <div class="div">
            <ul>
                <li>list item 4</li>
                <li>list item 5</li>
                <li>list item 6</li>
            </ul>
        </div>
    </div>

    <br/>
    <button>点击:each方法遍历元素</button>
    <button>点击:each方法回调判断</button>
    <script type="text/javascript">
    $("button:first").click(function() {
        //遍历所有的li
        //修改每个li内的字体颜色
        $("li").each(function(index, element) {
            alert(index)
            alert($(this).index())
            $(this).css('color','red')
        })

    })
    </script>
</body>

</html>

alert(index): 0 1 2 3 4 5
alert($(this).index()): 0 1 2 0 1 2

$(this).index()什么意思     

正在回答

3 回答

因为是给li绑定的事件,所以alert($(this).index())代表li在ul下的索引

0 回复 有任何疑惑可以回复我~
#1

啊啊啊啊123 提问者

alert(index)代表什么的索引呢
2016-09-08 回复 有任何疑惑可以回复我~

这里就是当前元素在<ul>下的索引值

0 回复 有任何疑惑可以回复我~
#1

啊啊啊啊123 提问者

alert(index)为什么不是ul下的索引
2016-09-06 回复 有任何疑惑可以回复我~

当前元素的索引

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

$(this).index()什么意思

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信