javascript - Javascript によって変更された後の HTML テーブルを読み取る

Question

現在、JavaScript によって変更された HTML テーブルを読み取ろうとしています。現在、HTML テーブルを読み込んでいます。特定のセルをクリックすると、Javascript を使用してそのセルの単語が変わります。そのテーブルからクリックされたすべての行を取得する必要があります (元の HTML ロードから変更された単語)。ボタンをクリックすると、「クリックされた」行の情報だけで新しいページが開きます。どんな助けでも素晴らしいでしょう!! ありがとう！！

Answer 1

dataクリック ハンドラーのセルに属性を追加できます。

$('td').on('click', function() { 
  $(this).attr('data-original-text', $(this).text());

  // Do the rest of your manipulation here
});

クリックされたセルは次のようになります。

<td data-original-text="Text before the click">...</td>

ボタン クリック イベントですべてのデータを収集します。

$('button').on('click', function() {
  $('td[data-original-text]').each() {
    // Serialize the values and send them off to the server
  });
});

---

または、データ属性の代わりにクラスを追加できます

$('td').on('click', function() { 
  $(this).addClass('clicked');

  // Do the rest of your manipulation here
});

行を取得してサーバーに送信します。

$('button').on('click', function() {
  $('tr:has(.clicked)').each(function() {
    // Serialize the values and send them off to the server
  });
});