JQueryで、チェックボックスを選択した行に動的にテキストボックスを付与したい

Question

チェックボックスにチェックを入れたときに、該当の行にのみテキストボックスを出現させる処理がうまくいかず詰まっています。
ループ処理の部分に原因があるのではと考えています。
現在のコードですと、テキストボックスを押したときに全てのテキストボックスが出現してしまいます。

他のサイトで調べてみましたが、なかなかうまく出来ず...

こちらに関しまして、ご教示いただけますと幸いです。

イメージ画像は下記のような形になります。

※for文のところは、DBから取得した値を本来は表示する想定です。

<table id="test" class="table table-bordered table-striped table-sm">
  <thead>
    <tr>
      <th> &nbsp; </th>
      <th> ユーザーid </th>
      <th> ユーザー名 </th>
      <th> メールアドレス </th>
      <th> メモ </th>
    </tr>
  </thead>
  <tbody>
    @for ($i = 1; $i < 5; $i++)
    <tr>
      {{-- 本来はusersテーブルから引っ張ってきた値を表示 --}}
      <td><input type="checkbox" name="is_check[]" value="{{$i}}"></td>
      <td>ユーザーid : {{$i}}</td>
      <td>ユーザー名</td>
      <td>[e-mail]</td>
      <td class="memo">
      {{-- <input type="text" name="user_memo[]"> --}}
      </td>
    </tr>
    @endfor
  </tbody>
</table>

$(function () {
  // チェックボックスをチェックしたら発動
  $('[name="is_check[]"]').change(function () {
    // ②チェックが入ったらループ処理
    $('input[name="is_check[]"]:checked').each(function () {
      for (let i = 0; i < $(this).val(); i++) {
        $(".memo").html(`<input type='text' name='user_memo[]'>`);
      }
    });
  });
});

Answer 1

$(function(){
  $('[name="user_memo[]"]').hide();
  $('[name="is_check[]"]').on('change',function(){
    $('[name="user_memo[]"]',$(this).closest('tr')).toggle($(this).prop('checked'));
  });
});

Comments

[fork_]

うまく動きました！
ご教示いただき、ありがとうございました。