jquery 获取当前元素的索引值

今天在使用jQuery的时候,想要知道<ul>下的一堆<li>中,自己点击的<li>的索引值是什么,在网上查了下,原文如下:

$("li").hover(function(){
    alert($("li").index(this));
}); 

使用起来很简单,我的代码是

$("#mainleft .menu li").click(function(){
         $("#mainleft .menu li.current").removeClass("current");
         $(this).addClass("current");
         var index = $("#mainleft .menu li").index(this);
         alert(index);
    });
时间: 2024-10-12 07:58:34

jquery 获取当前元素的索引值的相关文章

jQuery 获取页面元素的属性值

获取浏览器显示区域(可视区域)的高度 : $(window).height(); 获取浏览器显示区域(可视区域)的宽度 : $(window).width(); 获取页面的文档高度 $(document).height(); 获取页面的文档宽度 : $(document).width(); 浏览器当前窗口文档body的高度: $(document.body).height(); 浏览器当前窗口文档body的宽度: $(document.body).width(); 获取滚动条到顶部的垂直高度 (

jquery获取当前元素索引值index()方法(总结)

jquery的index()方法 搜索匹配的元素,并返回相应元素的索引值,从0开始计数. 如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置.如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置.如果参数是一个选择器,那么返回值就是原先元素相对于选择器匹配元素中的位置.如果找不到匹配的元素,则返回-1. 1 <ul> 2 <li id="foo">foo<

jQuery如何获取当前元素的索引

jQuery如何获取当前元素的索引:获取元素的索引在一些操作中相当重要,例如选项卡或者下拉菜单的中可能会遇到,当然要根据特定的实现方式而定.下面是一段获取当前元素索引的代码实例: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="a

[ jquery 方法 index(selector | element) ] 此方法返回相应元素的索引值

搜索匹配的元素,并返回相应元素的索引值,从0开始计数,如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置:  如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置 如果参数是一个选择器,那么返回值就是原先元素相对于选择器匹配元素中的位置.如果找不到匹配的元素,则返回-1 实例: <!DOCTYPE html> <html lang='zh-cn'> <head> <

jquery对表单元素的取值和赋值

/*获得text的值*/ var textval =$("#text_id").attr("value"); //或者 var textval =$("#text_id").val(); /*获取单选按钮的值*/ var valraio =$("input[type=raio]:checked").val(); /*获取一组名为items的radio被选中项的值*/ var item =$('input[name=items]

用闭包的写法弹出元素的索引值

<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="description" content=""><meta name="keywords" content=""><title>用闭包的写法弹出元素的索引值</title><!-- &l

jquery获取选中的文本和值

jquery获取选中的文本和值 1.说明 (1)获取select下拉框选中的索引       $("#selection").get(0).selectedIndex; (2)获取select下拉框选中的值      $("#selection option:selected").val(); (3)获取select下拉框选中的文本     $("#selection option:selected").text(); 2.实现源码 <!D

jQuery获取某元素下所有的链接元素

jQuery获取某元素下所有的链接元素: 在某些情况下需要获得某些元素下的所有链接,下面就介绍一下如何实现此效果. 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51texiao.cn/" /> <title>蚂蚁部落&l

jQuery对html元素的取值与赋值实例详解

jQuery对html元素的取值与赋值实例详解 转载  2015-12-18   作者:欢欢   我要评论 这篇文章主要介绍了jQuery对html元素的取值与赋值,较为详细的分析了jQuery针对常见html元素的获取与赋值技巧,非常简单实用,需要的朋友可以参考下 本文实例讲述了jQuery对html元素的取值与赋值方法.分享给大家供大家参考,具体如下: Jquery给基本控件的取值.赋值 TEXTBOX: ? 1 2 3 4 5 var str = $('#txt').val(); $('#