jquery - 将所有元素的 innerHTML 动态更改为其先前兄弟的值

Question

我有一个表，它的每一列都是这样的：

<td>
  <input type="text" id="row_ROWID" value="A_RANDOM_NUMBER">
  <div target="row_ROWID" id="div_ROWID">CHANGE_ME</div>
</td>

现在我需要将 div 的 innerHTML 从 CHANGE_ME 更改为上一个输入的值。我可以为 1 个这样的 div 做到这一点：

$("div").html($("#div_ROWID").prev().attr("value"))

我需要的是在不传递所有 div_ROWID 的情况下更改所有 div。有没有办法做到这一点？

Answer 1

为所有行 div 赋予相同的类，您可以使用一个选择器轻松选择它们：

html

<td>
    <input type="text" id="row_ROWID" value="A_RANDOM_NUMBER">
    <div target="row_ROWID" id="div_ROWID" class="divRow">CHANGE_ME</div>
</td>

Javascript

$('.divRow').each(function() {
    $(this).html($(this).prev('input').attr('value'));
}

Answer 2

尝试

$('td div').html(function(){
    return $(this).prev().val();
});