jQuery或PHP可以在项目旁边显示第n个/索引

编辑：

我在使用同一类的页面上有400个“输入”：

.oDiv

是否有办法在页面上显示该类别的第n个位置（即其索引）-因此是否为第1、第2、第40、第100等

我在一页上有一系列的课程：

.oDiv

页面上有400多个，我正在使用：

$( '.oDiv:eq(6)' ).remove();

根据用户的选择删除其中一些

在编码方面对我有帮助的是，能够在.HTML页面上看到每个类的

编号

，以便进行错误检查和调试

例如：

<input type="checkbox" class="oDiv" id="Mat"  name="spec[]" value="Mat 6"/>
<input type="checkbox" class="oDiv" id="Neo"  name="spec[]" value="Neo 7"/>
<input type="checkbox" class="oDiv" id="Prey"  name="spec[]" value="Prey 8"/>

其中，

值中的6 7和8表示它们是
oDiv
类列表中的第6、第7和第8位

这有意义吗？这可能吗？
如果数字始终是最后一个字符，则使用以下方法：

$('input:checkbox').on('change', function(e) {
    var num = $(this).val().substr(-1);
    console.log(num);
});

或者，您可以使用获取该职位：

$('input:checkbox').on('change', function(e) {
    var num = $('input:checkbox').index($(this));
    console.log(num);
});

请注意，从0开始，因此找到的第一个项目是0，第二个项目是1，以此类推

$(function() {
    $('input:checkbox').each(function(i, e)) {
        var num = $('input:checkbox').index($(this));
        console.log($(this).val() + " is in position " + num);
    });
});

如果数字始终是最后一个字符，则使用以下方法：

$('input:checkbox').on('change', function(e) {
    var num = $(this).val().substr(-1);
    console.log(num);
});

或者，您可以使用获取该职位：

$('input:checkbox').on('change', function(e) {
    var num = $('input:checkbox').index($(this));
    console.log(num);
});

请注意，从0开始，因此找到的第一个项目是0，第二个项目是1，以此类推

$(function() {
    $('input:checkbox').each(function(i, e)) {
        var num = $('input:checkbox').index($(this));
        console.log($(this).val() + " is in position " + num);
    });
});

您正在查找
.index（选择器）

试试这个，我假设您希望在单击时看到它的索引

$('.oDiv').click(function(){
  alert($('.oDiv').index(this));
});

请阅读此文章以了解有关您正在寻找的
.index（选择器）

试试这个，我假设您希望在单击时看到它的索引

$('.oDiv').click(function(){
  alert($('.oDiv').index(this));
});

请阅读此内容以了解更多有关
的信息。您可以显示文档加载

$.each($(".oDiv"), function() {
    $("#debug").append($(this).val() );
})

在那里我们可以有一个

<div id="debug"></div>



显示所有复选框的值。要删除任何复选框，只需重新运行代码以更新div。
您可以显示onDocument load

$.each($(".oDiv"), function() {
    $("#debug").append($(this).val() );
})

在那里我们可以有一个

<div id="debug"></div>



显示所有复选框的值。要删除任何复选框，只需重新运行代码以更新div。
这可能会有帮助：

<input type="checkbox" class="oDiv" id="Mat"  name="spec[]" value="Mat 6"/>
<input type="checkbox" class="oDiv" id="Neo"  name="spec[]" value="Neo 7"/>
<input type="checkbox" class="oDiv" id="Prey"  name="spec[]" value="Prey 8"/>

<script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery('.oDiv').each(function(index, element) {
            // index is a numerical increment of each element.
            // element is a javascript object of the "this" element.
            jQuery(element).after(jQuery(element).val() + '<br />');
            jQuery(element).on('change', function() {
                jQuery(this).remove();
            });
        });
    });
</script>


jQuery（文档）.ready（函数（）{
jQuery（'.oDiv'）。每个（函数（索引，元素）{
//索引是每个元素的数值增量。
//元素是“this”元素的javascript对象。
jQuery（element）.after（jQuery（element.val（）+'
'）；
jQuery（element）.on（'change'，function（））{
jQuery（this.remove（）；
});
});
});
这可能会有帮助：

<input type="checkbox" class="oDiv" id="Mat"  name="spec[]" value="Mat 6"/>
<input type="checkbox" class="oDiv" id="Neo"  name="spec[]" value="Neo 7"/>
<input type="checkbox" class="oDiv" id="Prey"  name="spec[]" value="Prey 8"/>

<script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery('.oDiv').each(function(index, element) {
            // index is a numerical increment of each element.
            // element is a javascript object of the "this" element.
            jQuery(element).after(jQuery(element).val() + '<br />');
            jQuery(element).on('change', function() {
                jQuery(this).remove();
            });
        });
    });
</script>


jQuery（文档）.ready（函数（）{
jQuery（'.oDiv'）。每个（函数（索引，元素）{
//索引是每个元素的数值增量。
//元素是“this”元素的javascript对象。
jQuery（element）.after（jQuery（element.val（）+'
'）；
jQuery（element）.on（'change'，function（））{
jQuery（this.remove（）；
});
});
});
您正在查找length属性或index（）方法或两者。现在改进你的问题：你在寻找什么？我无法理解你的问题是什么。？你能补充一些细节吗？我有一个类的列表，我想显示与它们在列表中的位置相关的数字。因此，我可以
查看HTML页面上的
，无论它们是第4、第3、第20等等。您只需选中复选框的值即可。对吗？@Homer_J你知道我们仍然不知道你希望如何获得这个值吗？在用户交互之后还是什么？您正在寻找length属性或index（）方法，或者两者兼而有之。现在改进你的问题：你在寻找什么？我无法理解你的问题是什么。？你能补充一些细节吗？我有一个类的列表，我想显示与它们在列表中的位置相关的数字。因此，我可以
查看HTML页面上的
，无论它们是第4、第3、第20等等。您只需选中复选框的值即可。对吗？@Homer_J你知道我们仍然不知道你希望如何获得这个值吗？在用户交互之后还是什么？我认为这是朝着正确的方向发展的-虽然这似乎不起作用，我需要它来显示所有的位置，而不仅仅是当我选择一个位置时。@Homer_J我已经更新了我的答案，列出了所有的位置，使用这些值，您可以识别哪个位置是哪个位置。我认为这是朝着正确的方向前进的-尽管这似乎不起作用，我需要它来显示所有位置，而不仅仅是在我选择一个位置时。@Homer_J我已经更新了我的答案，列出了所有位置，使用这些值，您可以识别哪个处于哪个位置。我猜它是
$（this）.index（）
或
$（'.oDiv'）。index（this）
看起来更好-尽管，奇怪的是，不管我点击什么，它都会返回
-1
。就是这样，但是有没有一种方法可以在每个项目旁边显示索引号，而不是在每个项目上点击来显示它？@Homer\u J我已经更新了我的答案，以显示您需要的内容。@Homer\u J在什么项目旁边。@Homer\u J。？请提供一个场景。我猜它是
$（this）.index（）
或
$（'.oDiv'）。index（this）
看起来更好-尽管，奇怪的是，不管我点击什么，它都会返回
-1
。就是这样，但是有没有一种方法可以在每个项目旁边显示索引号，而不是在每个项目上点击来显示它？@Homer\u J我已经更新了我的答案，以显示您需要的内容。@Homer\u J在什么项目旁边。@Homer\u J。？请提供一个场景。