Question

我有一个循环来为人们生成信件。

这封信是可编辑的。我想将更改的文本应用于具有相同类

的所有列

因此，如果我更改第一个字母的第1列.col-1，我想将更改应用于所有其他人的字母（所有.col-1类）

我正在思考

的内容

$(this '.col-1').on('change', function(){
    $('.col-1').val($(this '.col-1').val())
})

这很可能是关闭的，但如果你可以指导我，请。

更新

        $( ".container" ).on( "keyup", this, function( e ) {
            console.log(e.target.textContent);
            var value = e.target.textContent;
            $('.col-1').val(value);
        } );

我在控制台中获取了值，但它没有将值应用于类'.col-1'的所有textareas

代码

<?=
    $id_cnt = 0;
    foreach($members as $key => $value){
        $id_cnt+=1;
?>

        <div id='textarea<?=$id_cnt?>' contenteditable class="col-1">At our AGM on <?=$meeting?>, members voted in favour of the membership fee to remain at the cost of <?=$amount?> for those who wish to be members of the Association.</div>


<?= } ?>

解

        $( ".container .col-1" ).on( "keyup", this, function( e ) {
            var value = e.target.textContent;
            $('.col-1').not($(this)).text(value);
        } );

Answer 1

你的意思是这样吗？

＆＃13;

 $( ".container .col-1" ).on( "keyup",this,function() {
  var value = $(this).val();
  $('.col-1').not($(this)).val(value);
});

＆＃13;

.col-1 {
 display:block;
 margin:0 auto;
 margin-bottom:10px;
}
.container {
 max-width:300px;
 margin:0 auto;
 display:block
}
.container p {
 text-align:center;
 font-family:arial;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
<p>Enter some text</p>
<textarea class="col-1"></textarea>
<hr>
<textarea class="col-1"></textarea>
<textarea class="col-1"></textarea>
<textarea class="col-1"></textarea>
</div>

＆＃13;

Answer 2

尝试以下代码可能会对您有所帮助。

$('.col-1').on('change', function(){
var value = $(this).val();
    $('.col-1').each(function (){
$(this).val(value);
}
})

将此类的值应用于所有同名的类

2 个答案: