获取jquery插件中点击标签的索引值

Get the index value of the clicked tag in jquery plugin

本文关键字：标签 索引值 jquery 插件 获取      更新时间：2023-09-26

我已经为jQuery做了一个插件，我只需要点击标签索引就可以了。

我的HTML代码：

<body>
    <a href="../img/ib1.jpg" rel="group"class="asd">
        <img src="../img/is1.jpg"/>
    </a>
    <a href="../img/ib2.jpg" rel="group"class="asd">
        <img src="../img/is2.jpg"/>
    </a>
    <a href="../img/ib3.jpg" rel="group"class="asd">
        <img src="../img/is3.jpg"/>
    </a>
    <a href="../img/ib4.jpg" rel="group"class="asd">
        <img src="../img/is4.jpg"/>
    </a>    
</body>

我的插件代码：

(function( $ ) {
    $.fn.nss = function( ) {
        var elems = this
        return elems.each(function() {
            var thisindx = elems.index(this);
            console.log(thisindx);
        });
    };
}( jQuery ))

这个console.log(thisindx) print 0,1,2,3

但我只点击了标签索引值，而不是所有标签的值

我的javascript代码：

(function(){
    $('a[rel="group"]').click(function(){
        $('a[rel="group"]').nss();
    })
});

如果你真的想构建一个插件，你应该将点击事件封装在插件中：

(function( $ ) {
    $.fn.nss = function( ) {
        var elems = this;
        return elems.on('click', function(e) {
            e.preventDefault();
            var thisindx = elems.index(this);
            console.log(thisindx);
        });
    };
}( jQuery ))

并不仅仅将其绑定到您的元素上：

$(function(){
    $('a[rel="group"]').nss();
});
相关文章：