使用名称 jQuery 按索引获取 ID 值

get id value by index using name jquery

本文关键字：索引 获取 ID jQuery      更新时间：2023-09-26

html 

<input id="1" name="myText" type="text" value="20"/>
<input id="2" name="myText" type="text" value="30"/>
<input id="3" name="myText" type="text" value="40"/>

如何通过使用名称index来获取 id 值？

以下代码片段不起作用 

var getVal = $('[name="myText"]').index(1);

jQuery 像数组一样保存集合中的 DOM 元素，因此您可以使用 indexes 运算符（ [] ） 来获取元素，或者获取用 '.eq（n） :eq(n)包装所需元素的 jQuery 对象

$('input[name="myText"]:eq(1)').attr('id')

你应该提到你认为index(1)第一个或第二个是什么：

$('input[name="myText"]:eq(0)').attr('id') // First
$('input[name="myText"]:eq(1)').attr('id') // Second

或：

$('input[name="myText"]')[0].id // First

如果需要第一个值，可以筛选并使用 attr 方法来获取 id 属性的值。

var getVal = $('[name="myText"]:first').attr('id'); // first id

如果需要其他元素，可以使用eq并选择集合中的从零开始的元素。

var getVal = $('[name="myText"]:eq(1)').attr('id'); // second id

我的答案是指按索引访问jQuery结果对象中的元素。您可以使用选择器，例如其他答案中指示的:eq。

但是，您可以使用.get(1)而不是index。

var id = $('[name="myText"]').get(1).id;

相当于 

var id = $('[name="myText"]:eq(1)').attr('id');

示例：http://jsfiddle.net/HackedByChinese/UmKw6/1/

第二种方法是首选路由，因为它意味着您永远不会离开jQuery结果对象，因此可以在一个语句中链接其他 jQuery 调用。

var id = $('[name="myText"]:eq(1)').css('color', 'red').attr('id'); // example of chaining jQuery methods. sets the text color to red and then returns the id.
相关文章：