原生js获取索引值（js获取元素索引）

25-02-19 14

如果您想了解原生js获取索引值和js获取元素索引的知识，那么本篇文章将是您的不二之选。我们将深入剖析原生js获取索引值的各个方面，并为您解答js获取元素索引的疑在这篇文章中，我们将为您介绍原生js获取

如果您想了解原生js获取索引值和js获取元素索引的知识，那么本篇文章将是您的不二之选。我们将深入剖析原生js获取索引值的各个方面，并为您解答js获取元素索引的疑在这篇文章中，我们将为您介绍原生js获取索引值的相关知识，同时也会详细的解释js获取元素索引的运用方法，并给出实际的案例分析，希望能帮助到您！

本文目录一览：

原生js获取索引值（js获取元素索引）
asp.net-mvc – 获取索引值razor foreach
jquery 获取索引值在一定范围的列表方法
jquery及原生js获取select下拉框选中的值示例
JS获取Json值以及通过值获取索引

原生js获取索引值（js获取元素索引）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			li{
				display: inline-block;
				width: 50px;
				height: 30px;
				border: 1px solid red;
			}
		</style>
	</head>
	<body>
		<ul>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
		
		<script>
			var index;
			var lis=document.querySelectorAll("ul li"); 
			console.log(lis.length)
			for (var i=0;i<lis.length;i++) {
				(function(index){
					lis[index].onmouseover=function(){
						console.log(index)
					}
				})(i)
			}
		</script> 
	</body>
</html>

asp.net-mvc – 获取索引值razor foreach

我迭代一个List< T>在剃须刀foreach循环在我的视图中呈现一个部分。在部分我正在渲染一个记录，我想在我的视图中的一行中有4。我有一个css类为两个结束列所以需要确定在部分是否调用是第1或第4条记录。什么是最好的方式识别这在我的部分输出正确的代码？

这是我的主页包含循环：

@foreach (var myItem in Model.Members){

        //if i = 1
        <div>
        <!-- Start Row -->

        //is there someway to get in for i = 1 to 4 and pass to partial?
        @Html.Partial("nameOfPartial",Model)

        //if i = 4 then output below and reset i to 1
        <div></div>
        <!-- End Row -->
        </div>

}

我想我可以创建一个int，我可以更新每一个传递和渲染文本没有问题，但它是传递整数值到我的部分我更关心。除非有更好的方法。

这里是我的部分：

@{
switch()
case 1:
        <text>
        <div>
        </text>
break;
case 4:
        <text>
        <div>
        </text>
break;
default:
        <text>
        <div>
        </text>
break;
}

        <img src="Content/960-grid/spacer.gif"/>
        <p><a href="member-card.html">@Model.Name</a><br/>
        @Model.Job<br/>
        @Model.Location</p>
</div>

不知道如果我今天有一个金发碧眼的一天，这是非常容易，但我只是不能想到的最佳方式通过int值。希望有人可以帮助。

解决方法

@{int i = 0;}
 @foreach(var myItem in Model.Members)
 {
     <span>@i</span>
     i++;
 }

jquery 获取索引值在一定范围的列表方法

如下所示：

<ul>
 <li>1</li>
 <li>2</li>
 <li>3</li>
 <li>4</li>
 <li>5</li>
 <li>6</li>
 <li>7</li>
 <li>8</li>
</ul>

jquery选择器：

eq(index) 匹配列表中的第index个元素（index 从 0 开始）

gt(index) 匹配列表索引大于 index 的元素

lt(index) 匹配列表索引小于 index 的元素

获取索引第2到第5的li:

$("ul li:lt(5):gt(2)")

*注意：这里:lt(5):gt(2) 的顺序不能变，必须是lt在前，gt在后。

以上这篇jquery 获取索引值在一定范围的列表方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

您可能感兴趣的文章:

jquery获取元素索引值index()示例
jquery 获取当前元素的索引值
Jquery index()方法获取相应元素索引值
jQuery实现select下拉框获取当前选中文本、值、索引
jQuery实现获取元素索引值index的方法
jquery获取当前元素索引值用法实例
jQuery在ul中显示某个li索引号的方法
jQuery建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
jQuery实现的简单获取索引功能示例

jquery及原生js获取select下拉框选中的值示例

现在有一id=test的下拉框，怎么拿到选中的那个值呢？

分别使用javascript原生的方法和jquery方法

复制代码代码如下:

一：javascript原生的方法

1:拿到select对象： var myselect=document.getElementById("test");

2：拿到选中项的索引：var index=myselect.selectedindex ; // selectedindex代表的是你所选中项的index

3:拿到选中项options的value： myselect.options[index].value;

4:拿到选中项options的text： myselect.options[index].text;

二：jquery方法（前提是已经加载了jquery库）

1:var options=$("#test option:selected"); //获取选中的项

2:alert(options.val()); //拿到选中项的值

3:alert(options.text()); //拿到选中项的文本

JS获取Json值以及通过值获取索引

我的JSON格式是这样(大概截取一段展示下)：

"result":{
        "total":179,
        "list":[
            {
                "id":"b8:27:eb:8d:dd:c8",
                "hostname":"2l3f-wt-board",
                "osversion":"3.5.1",
                "osbuild":"14009",
                "resolution":"1360x768",
                "ip":"10.99.105.156",
                "monitor":"SHARP_HDMI",
                "lastupdate":1533607224293,
                "append":{
                    "lostheartbeat":false,
                    "cputemperature":61.2
                }
            },
            {
                "id":"b8:27:eb:c4:d7:6c",
                "hostname":"D-Office",
                "osversion":"3.5.1",
                "osbuild":"14009",
                "resolution":"1360x768",
                "ip":"10.99.67.141",
                "monitor":"5000_Series",
                "lastupdate":1533607215300,
                "append":{
                    "lostheartbeat":false,
                    "cputemperature":52.6
                }
            },
            {
                "id":"b8:27:eb:97:a9:5a",
                "hostname":"SCC-Andon",
                "osversion":"3.5.1",
                "osbuild":"14009",
                "resolution":"1920x1080",
                "ip":"169.254.88.215",
                "monitor":"Mi_TV",
                "lastupdate":1533607214146,
                "append":{
                    "lostheartbeat":false,
                    "cputemperature":41.9
                }
            },
    ]
}

　首先我们来获取对应的值,比如获取ip:

//将JSON转化下
        data = $.parseJSON(TextBox1.value);
        //遍历json
        for (i in data) {
            var list = data[i].list
            for (a in list) {
               list[a].ip
            }
        }

反之如果我知道ip多少,如何查找该ip对应的其他key的值呢？

思路：

1,我们可以将ip先一次性全部从json中拿出来且转换成数组:

//将JSON转化下
        data = $.parseJSON(TextBox1.value);
        //遍历json
        for (i in data) {
            var list = data[i].list
            var AllIp;
            for (a in list) {
                AllIp += list[a].ip + ",";
            }
            var IPArry = AllIp.split(",");
        }

2，如上代码IPArry 即获取到所有ip,现在就好办了,知道ip，就很容易获取器索引了：

var result = IPArry.indexOf(‘iP’);

3,获取到索引,那就很容易获取到该ip对应的其他key的值了

关于原生js获取索引值和js获取元素索引的介绍已经告一段落，感谢您的耐心阅读，如果想了解更多关于asp.net-mvc – 获取索引值razor foreach、jquery 获取索引值在一定范围的列表方法、jquery及原生js获取select下拉框选中的值示例、JS获取Json值以及通过值获取索引的相关信息，请在本站寻找。

本文标签：