Javascript jQuery-查找同一父行的另一个子元素值

我有以下HTML可以根据用户需要在页面上动态呈现多次。我只想从

input:length

中找到

input:volume

，这样我就可以计算每一行的音量

简单概念（从一个子元素到使用父行获取另一个子元素）

从子-->父-->子

*
*
*
*

现在我使用

$（'.dimensionsinfo'）.closest（“.row”）//我得到的父行

但是现在我想使用父行对

volumeinfo

元素的值进行子级化。所以我试着做一些事情，但没有成功

$（'.dimensionsinfo'）。最近（“.row”）。查找（'.volumeinfo'）。val（）//不工作

我无法使用

product-row-1

，因为每行id都是按数字动态添加的 在这种情况下，如何访问同一行元素？

当您编写

$（'.dimensionsinfo'）。最近（“.row”）

时，您将无法获得带有

id=“product-row-1”

的行。实际上，您将获得与

class=“row”

要选择所需的公共父行，应向其添加不同的类

<div class="row parent-row" id="product-row-1">

现在，选择该公共行

$（'.dimensionsinfo'）。最近（“.parent行”）

并使用
class=“volumeinfo”

$（'.dimensionsinfo'）.closest（“.parent row”）.find（'.volumeinfo'）.val（）
事实上，您得到的是最近的行，它只是维度的父级，而不是整行的父级。因此，您得到的是未定义的，我们可以通过多种方式实现：

请参见以下两种方式：

console.log($('.dimensionsinfo').parents("#product-row-1").find('.volumeinfo').val());

console.log($('.dimensionsinfo').closest("#product-row-1").find('.volumeinfo').val());

console.log($('.dimensionsinfo').closest(".dimensions").next().find('.volumeinfo').val());

Jsfiddle：
要使用jQuery访问同级，需要两个方法父级和find


let parent=$(".dimensionsinfo').parent(); //access parent
let sibling=$(parent).find(".volumeinfo"); //find children 
let val=$(sibling).val(); //get child value


你能更好地描述一下你的期望是什么吗？您还可以创建JSFIDLE吗？当然可以。让我在JSFIDLE上添加这些东西。像这样尝试-->
$（'.dimensionsinfo'）。最近（'.dimensions'）。最近（'.row'）。查找（'.volumeinfo'）.val（）
谢谢。完成后请告诉我。我非常感谢你。它工作得很好。。！！感谢您回答最后一个对我来说非常好的解决方案，因为
#product-row-1
在我的情况下不起作用。因为它是在代码中动态添加的。因此，使用类将是完美的。

let parent=$(".dimensionsinfo').parent(); //access parent
let sibling=$(parent).find(".volumeinfo"); //find children 
let val=$(sibling).val(); //get child value