jq获取当前点击的li是ul中的第几个?

Posted 舞纷菲

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jq获取当前点击的li是ul中的第几个?相关的知识,希望对你有一定的参考价值。

<script>

  var navulsize = $(‘.navul li‘).size();
            var navulwidth = $(‘.navul li‘).width();
            var allwidth = navulwidth*navulsize;
            $(‘.navul‘).width(allwidth);
            $(‘.navul li‘).click(function(){
                var index = $(this).index();//获取当前点击的li是ul中的第几个
                var indexur = ‘#‘ + index;
                var indexurl = $(this).children(‘a‘).attr(‘href‘);
                var hehref = indexurl + indexur;
                var data = $(this).attr(‘data‘);
                $(this).children(‘a‘).attr(‘href‘,hehref);
                $(data).show().siblings(‘.gengxinbox‘).hide();
                $(this).addClass(‘liactive‘).siblings(‘li‘).removeClass(‘liactive‘);
                var endhref = $(this).children(‘a‘).attr(‘href‘);

      var parsenum = parseInt(endhref.replace(/[^0-9]/ig,""));//jq提取字符串中的数字
                alert(endhref);
            });

</script>

以上是关于jq获取当前点击的li是ul中的第几个?的主要内容,如果未能解决你的问题,请参考以下文章

jquery 怎么获取当前点击class 是第几个

jquery中删除指定ul中除第一个li外的所有li的代码?

jquery中怎么获取li的数量

jquery怎么选择嵌套的第一层的li

jquery如何获取ul中第一个li和最后一个li

jquery 怎么判断点击当前li下的哪一个元素