动态地将所有元素的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更改为前一个输入的值。我可以为这样的一个div做到这一点：

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

我需要的是在不传递所有div_ROWID的情况下更改所有div。反正有吗？

Answer 1

试

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

Answer 2

为所有行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'));
}