Javascript 如何在数组中存储具有相同类的元素的父ID，并在警报中显示这些存储的ID

我在一个现有的网站上工作，该网站限制我接触HTML代码。在下面的代码中，有3行具有相同的类（sameRow）。行号可能因情况而异。每行中都包含具有唯一ID的DIV和具有相同类的相应SELECT元素（sameSelect）

我的目标输出是能够创建一个JS/Jquery代码，将这些唯一的div ID分别存储在数组中，并在警报中显示每个ID。目前，我下面的代码只显示第一个DIV的ID。第二个和第三个DIV不显示。我的代码中可能有什么错误

非常感谢您的帮助。这里有小提琴链接->

HTML:

1.
2.


1.
2.
3.
4.


1.
2.
3.
4.
5.
6.

JS/JQuery：

$(document).ready(function(){
    var optionValue = new Array();
    var rows = document.querySelectorAll('.sameRow').length;
    alert("there are " + rows + " rows");
    for(i = 0; i < rows; i++ ) {
        optionValue[i] = $(".sameSelect").parent().attr("id");
        alert("array row number " + i + " is " + optionValue[i]);
    }
});

$（文档）.ready（函数（）{
var optionValue=新数组（）；
var rows=document.querySelectorAll（'.sameRow'）.length；
警报（“有“+行+行”）；
对于（i=0；i

只需使用

eq

$（文档）.ready（函数（）{
var optionValue=新数组（）；
var rows=document.querySelectorAll（'.sameRow'）.length；
警报（“有“+行+行”）；
对于（i=0；i

1.
2.


1.
2.
3.
4.


1.
2.
3.
4.
5.
6.


我认为在这种情况下，不需要使用数组

$(document).ready(function(){
        $('.sameRow').each(function(i){
            var getID = $(this).find('.sameSelect').parent().attr("id");
            alert("array row number " + (i + 1) + " is " + getID);
        });
    });

这正是我一直在寻找的缺失代码。多谢各位@Akshay@Mohamed-Yosef-这段代码应该仍然适用于某些div。尽管div id是唯一生成的，并且有时具有不同的前几个字母。因此，它可能不适用于其他div。这就是我使用sameRow类作为引用来存储div ID的原因。但我还是想说声谢谢。
$(document).ready(function(){
        var optionValue = new Array();
        $('.sameRow').each(function(i){
            optionValue[i] = $(this).find('.sameSelect').parent().attr("id");
            alert("array row number " + (i + 1) + " is " + optionValue[i]);
        });
    });

$(document).ready(function(){
        $('.sameRow').each(function(i){
            var getID = $(this).find('.sameSelect').parent().attr("id");
            alert("array row number " + (i + 1) + " is " + getID);
        });
    });