javascript - 通过 JS 或 Jquery 返回输入组的当前索引

Question

休斯顿，我们有一个情况..任何光将不胜感激。

很难解释，但我会尽力。我做了作业，但无法解决。具有类似于以下的代码。 (静态的，很难改变。需要找到现有结构的解决方案。)。

有问题的数组是grade[]。

(line 1)  \<input id='grade[]'  onclick="curr_ndx(this);" \>   // index of grade[] is 0
(line 2)  \<input id='grade[]'  onclick="curr_ndx(this);" \>   // index of grade[] is 1
(line 3)  \<input id='grade[]'  onclick="curr_ndx(this);" \>   // index of grade[] is 2

我需要检索“grade[]”数组中输入的“grade[]”索引。如果用户点击第 2 行的“输入”，则应提醒“1”；如果用户点击(第 3 行输入)，则应提醒“2”。

非常感谢。

Answer 1

在 jQuery 中，您可以使用 .index() 方法来查找给定项目的同级项，如下所示:

HTML:

<div id="grades">
<input \>
<input \>
<input \>
</div>

代码:

$("#grades input").click(function() {
    alert($(this).index());
});

工作演示:http://jsfiddle.net/jfriend00/xvVGx/

仅供引用，您的输入字段中也不应该有重复的 id 值。也许您打算使用 name='grade[]' 而不是 id='grade[]'。

<小时/>

如果您有其他输入字段并且只想计算 id='grade[]' 个输入字段，那么您可以执行以下操作:

$("#grades input").click(function() {
    alert($(this).index("[id*='grade[]']"));
});

<小时/>

但是，你确实不应该有重复的 id 值，所以它可能应该是这样的:

HTML:

<div id="grades">
<input name='grade[]' \>
<input name='grade[]' \>
<input name='grade[]' \>
</div>

代码:

$("#grades input[name='grade[]']").click(function() {
    alert($(this).index("[name='grade[]']"));
});