テキストを選択してforループを置換してください

Question

これを解決するには問題があります。私は、正方形のemojisでグリッドを作成する必要があります。 11の正方形と68の行。私はそれを作成しました。今私の問題は、行の特定の行と位置の正方形をターゲットにして、それを別の絵文字に置き換えます。クラス.emoji-generatorはtextarea要素です。私はそれを追加しようとしたとトリックを行うようだ。正方形を別の絵文字で置き換え、それを行に追加しないでください。各行には11文字しか存在できませんでした。これについて最善の方法は何ですか？

var SQUARE_EMOJI = '\u25FB\uFE0F '; 
var DROPLET_EMOJI = '\ud83d\udca7'; 

function reset() { 
    for (var i = 1; i<=68; i++) { 
     for(var y = 0; y <11; y++) { 
      $('.emoji-generator').append(SQUARE_EMOJI); 
      if (i == 6 && y == 5) { 
       $('.emoji-generator')[y].append(DROPLET_EMOJI); 
      } 
     } 
     $('.emoji-generator').append('\r\n'); 
    } 
}; 

Answer 1

textarea要素のコンテンツは、ノードを挿入するために運命づけられているappend方法によって操作されていません。代わりに、内容を設定するにはvalメソッドを使用する必要があります。パフォーマンスを向上させるには、機能の最後に1回だけ行うことをお勧めします。

var SQUARE_EMOJI = '\u25FB\uFE0F '; 
var DROPLET_EMOJI = '\ud83d\udca7'; 

function reset() { 
    var content = ''; 
    for (var i = 1; i<=68; i++) { 
     for(var y = 0; y <11; y++) { 
      if (i == 6 && y == 5) { 
       content += DROPLET_EMOJI; 
      } else { 
       content += SQUARE_EMOJI; 
      } 
     } 
     content += '\n'; 
    } 
    $('.emoji-generator').val(content); 
};