javascript - 是否可以将一个元素的宽度设置为前一个元素的宽度？

Question

我的输入元素后面跟着一个 div。我想将该 div 的宽度设置为前一个输入元素的宽度。

<input type="text" class="input" size="100" name="data"/>
<div class="inputHelp"> enter data above </div>

<input type="text" class="input" size="80" name="moredata"/>
<div class="inputHelp"> enter more data above </div>

在每个实例中，.inputHelp 类应与其前面的输入元素具有相同的宽度。

使用 next 选择器，我能够获取 inputHelp div 后面的输入元素的宽度。但是，当尝试设置以下 inputHelp div 的宽度时，它会设置页面上所有 inputHelp div 的宽度。如何将其限制为仅设置下一个 inputHelp 的宽度，然后迭代页面上的所有其他 input + inputHelp 组合？

这是我当前的 JQuery 代码:

$('.input + .inputHelp').width( $('.inputHelp').prev('.input').width() );

Answer 1

$('.input + .inputHelp').each(function() {
    $(this).width($(this).prev('.input').width();
});

解决方案的关键是使用 $(this)，而不是 $('.inputHelp')。后者会全局获取所有 .inputHelps，而不是您正在循环的特定 .inputHelps。