js中index()的四种经典用法

最新推荐文章于 2023-09-15 17:00:14 发布
最新推荐文章于 2023-09-15 17:00:14 发布
阅读量4.8w 收藏 24
点赞数 7
分类专栏： js_html 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/superit401/article/details/51726826
版权 
<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
 </head>
 <body>
  
<div id="nav"> 
<a href="">朕知道了</a> 
<a href="">萌萌哒</a> 
<a href="">不行你来咬我呀</a> 
<a href="">你是猴子请来的逗逼吗</a> 
</div> 

<ul id="u"> 
<li id="foo">foo</li> 
<li id="bar">bar</li> 
<li id="baz">baz</li> 
</ul> 

<script>
$("#u li").click(function(){
var a = $('li').index(document.getElementById('bar')); //1，传递一个DOM对象，返回这个对象在原先集合中的索引位置 
var b = $('li').index($('#bar')); //1，传递一个jQuery对象 
var c = $('li').index($('li:gt(0)')); //1，传递一组jQuery对象，返回这个对象中第一个元素在原先集合中的索引位置 
var d = $('#bar').index('li'); //1，传递一个选择器，返回#bar在所有li中的索引位置 
var e = $('#bar').index(); //1，不传递参数，返回这个元素在同辈中的索引位置。 
alert(e);
});

$("#nav a").click(function(){ 
//四个经典的用法 
var index1 = $("#nav a").index(this); 
var index2 = $("#nav a").index($(this)); 
var index3 = $(this).index() 
var index4 = $(this).index("a") 
alert(index4); 
return false; 
}); 
</script>
 </body>
</html>

 

把以上代码直接复制，建立html文件，在同目录下建立js文件夹，再次文件夹下放入jquery-1.4.2.min.js文件，用浏览器打开html文件即可测试

                

        

        

    




    

      

        

            

              
                
                  ispotu
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    7
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    24
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
js中indexof的用法详细解析

				
			

			

				

					10-26
				

			

		

		

			
				
本篇文章主要是对js中indexof的用法进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助

			
		

	



                

              
                



	

		

			

				
					
javascript中indexOf技术详解

				
			

			

				

					10-24
				

			

		

		

			
				
indexOf()函数用于查找子字符串在当前字符串中第一次出现的位置。该函数属于String对象，所有主流浏览器均支持该函数。下面我们就来详细探讨下javascript的index0f()函数

			
		

	



                


  
              

                


	

		

			

				
					
JavaScript indexOf忽略大小写

				
			

			

				

					10-30
				

			

		

		

			
				
javascript中indexOf函数是严格区分大小写的，也就是当我们使用javascript的indexOf函数的时候，是无法进行大小写同时进行的。为我们的一些字符串操作造成了困难。

			
		

	





	

		

			

				
					
JavaScript中关于indexOf的使用方法与问题小结

				
			

			

				

					10-28
				

			

		

		

			
				
indexOf方法的作用是：根据给定参数x返回目标字符串(可以看成字符的数组)或数组中与x相等的项的索引。

			
		

	



		

			
		



	

		

			

				
					
Javascript中indexOf()和lastIndexOf应用方法实例

				
			

			

				

					10-21
				

			

		

		

			
				
主要介绍了JavaScript中的indexOf()和lastIndexOf()方法使用实例,是JS入门学习中的基础知识,有需要的朋友可以参考下。

			
		

	





	

		

			

				
					
js index属性及jquery index（）方法

					
热门推荐

				
			

			

				

					quanquanhe526的博客
				

				

					08-06
					
					2万+
					
				

			

		

		

			
				
js 中的index 属性可返回下拉列表中选项的索引位置 
语法 ：optionObject.index 
（意思在原生js中它是option的私有属性） 
当在原生js中特别是在循环中，我们常自定义index属性var liObj = document.getElementsByTagName("li");
for (var i=0;i<liObj.length;i++) {
 liObj[i].

			
		

	





	

		

			

				
					
无涯教程-JavaScript - INDEX函数

				
			

			

				

					无涯教程
				

				

					09-15
					
					546
					
				

			

		

		

			
				
若要使用以数组形式返回的值,请在一行的单元格的水平范围内和一列的单元格的垂直范围内,将INDEX函数作为数组公式输入。在Reference和Area_num选择了特定范围之后,Row_num和Column_num选择了特定单元格:Row_num 1是该范围中的第一行,Column_num 1是第一列,依此类推。INDEX返回的引用是Row_num和Column_num的交集。如果同时使用Row_num和Column_num参数,则INDEX将在Row_num和Column_num的交集处返回单元格中的值。

			
		

	





	

		

			

				
					
js中index()的四种经典用法111

				
			

			

				

					weixin_30628077的博客
				

				

					06-22
					
					991
					
				

			

		

		

			
				
<!doctypehtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metaname="Generator"content="EditPlus®">
<metaname="Author"content=""&...

			
		

	





	

		

			

				
					
通过事例重温一下常见的 JS 中 15 种数组操作(备忘清单)

				
			

			

				

					粉丝们务必加入微信粉丝群
				

				

					11-26
					
					1536
					
				

			

		

		

			
				
作者：Dmitri Pavlutin
译者：前端小智
来源：dmitripavlutin.com


阿里云双12已开启，新老用户均可参与，2核1G云服务器仅需79元，，更多服务器配置及价格请关注：Hi拼团，或点此了解“云上爆款1折特惠活动”。同时，建议在购买阿里云相关产品前先领取阿里云2000元代金券会更优惠哦。

数组是 JS 中广泛使用的数据结构。数组对象提供了大量有用的方法，如arr...

			
		

	





	

		

			

				
					
js 是如何获取index的如下：

				
			

			

				

					u010711911的博客
				

				

					12-30
					
					3290
					
				

			

		

		

			
				

var ul = document.getElementById("list");
           var ul_child = ul.getElementsByTagName('li');
           for (var i = 0; i &lt; ul_child.length; i++) {
               ul_child[i].index = i;
    ...

			
		

	





	

		

			

				
					
javaScript中indexOf用法技巧

				
			

			

				

					10-15
				

			

		

		

			
				
在本篇文章里小编给大家整理的是一篇关于javaScript中indexOf用法技巧的相关文章，有需要的朋友们学习下。

			
		

	





	

		

			

				
					
index.js123456

				
			

			

				

					12-19
				

			

		

		

			
				
js文件/以上代码中，我们把say函数作为execute函数的第一个变量进行了传递。
//这里的传递的不是say的返回值，而是say的本身！
//这样一来,say就变成了execute中的本地变量someFunction,
//execute可以通过调研someFunciton()带括号的形式来使用say函数。

			
		

	





	

		

			

				
					
js中index()方法,获取元素的下标失效,都是返回的0

				
			

			

				

					weixin_42149254的博客
				

				

					07-18
					
					5519
					
				

			

		

		

			
				
js中index()方法,获取元素的下标失效,都是返回的0
大家应该都用过index(),去获取元素的下标
但是当我们用append方法取追加HTML片段之后,当我们去点击每个元素的时候, 返回的下标值都是0
在网上找了类似的问题,大致的描述一下问题可能出在哪里,不确定自己理解的对不对
当我们去点击一个元素,用Jquery去获取的是这个元素的DOM对象,调用的index放回该元素的下标
当我们用a...

			
		

	





	

		

			

				
					
js数组获取index_通过事例重温一下 JS 中 常见的15 种数组操作(备忘清单)，收藏...

				
			

			

				

					weixin_39606137的博客
				

				

					11-20
					
					1045
					
				

			

		

		

			
				
数组是 JS 中广泛使用的数据结构。数组对象提供了大量有用的方法，如array. forEach()、array.map()等来操作数组。在实战中，我经常对数组可能的操作和相应采用哪个更好的方法不知所措，所以本文就列出 15 种常用数据方法，让咱们重温加强记忆一下。1. 数组的遍历1.1 for..of 循环for(const item of items)循环遍历数组项，如下所示遍历colors列...

			
		

	





	

		

			

				
					
js中findIndex()、find()、indexOf()、includes()方法

				
			

			

				

					qq_53979100的博客
				

				

					04-19
					
					1283
					
				

			

		

		

			
				
find方法和findIndex方法一样，返回满足条件的值，并且不检测剩余值，只不过findIndex返回的是下标，find方法是返回满足条件的那一个元素，具体怎么使用看场景需要。find方法用来查找满足条件的第一项，找到了就返回那一项对应的值，找不到返回undefined。findIndex方法常用来查找满足条件的第一项索引，找到了就返回该索引，找不到返回-1。indexOf方法可用来查找满足条件的第一项索引，找到了就返回该索引，找不到返回-1。注：start搜索的起始位置默认为0，可选。

			
		

	





	

		

			

				
					
js中index()的四种经典用法（转https://blog.csdn.net/superit401/article/details/51726826）

				
			

			

				

					weixin_30802171的博客
				

				

					07-12
					
					532
					
				

			

		

		

			
				
<!doctype html><html lang="en"> <head>  <meta charset="UTF-8">  <meta name="Generator" content="EditPlus®">  <meta name="Author" content="">  <meta name="Keyword...

			
		

	





	

		

			

				
					
使用js【点击li 获取相应的index值 三种方法 全部实测 都是正确的】

				
			

			

				

					weixin_43932281的博客
				

				

					12-05
					
					1506
					
				

			

		

		

			
				
&lt;ul class="ulStyle"&gt;
                    &lt;li&gt;&lt;a href="#"&gt;&lt;b&gt;IT.互联网&lt;/b&gt;&lt;/a&gt;&amp;nbsp;前端开发 &amp;nbsp; Java &gt;&lt;/li&gt;
           

			
		

	





	

		

			

				
					
js 实现数组去重的方法（indexOf() 方法使用）

				
			

			

				

					zcc的博客
				

				

					12-07
					
					2934
					
				

			

		

		

			
				
一、定义和用法

indexOf() 方法可返回数组中某个指定的元素位置。

该方法将从头到尾地检索数组，看它是否含有对应的元素。开始检索的位置在数组 start 处或数组的开头（没有指定 start 参数时）。如果找到一个 item，则返回 item 的第一次出现的位置。开始位置的索引为 0。

如果在数组中没找到指定元素则返回 -1。

语法

array.indexOf(item,start)

参数
			描述
		item
			必须。查找的元素。
		start
			可选的整数参数。规定在数组

			
		

	





	

		

			

				
					
Index

				
			

			

				

					weixin_59163379的博客
				

				

					08-18
					
					872
					
				

			

		

		

			
				
原创，转载数不胜数

			
		

	





	

		

			

				
					
js 中indexOf用法

					
最新发布

				
			

			

				

					12-27
				

			

		

		

			
				
JavaScript中的indexOf()方法用于查找字符串中指定子字符串的位置。它返回子字符串第一次出现的索引，如果没有找到则返回-1。

以下是几个使用indexOf()方法的例子：

1. 在字符串中查找单个字符的位置：
```javascript
var str = "hello world";
console.log(str.indexOf("o")); // 输出：4
```

2. 在字符串中查找子字符串的位置：
```javascript
var str = "hello world";
console.log(str.indexOf("world")); // 输出：6
```

3. 在指定位置开始查找子字符串的位置：
```javascript
var str = "hello world";console.log(str.indexOf("o", 5)); // 输出：7
```

4. 检查子字符串是否存在：
```javascript
var str = "hello world";
if (str.indexOf("hello") !== -1) {
  console.log("子字符串存在");
} else {
  console.log("子字符串不存在");
}
```

需要注意的是，indexOf()方法是大小写敏感的。如果要进行大小写不敏感的搜索，可以使用toLowerCase()或toUpperCase()方法将字符串转换为小写或大写。



			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值