jquery - jqueryを使用してクラスベーステーブルから行を削除する方法

Question

クラスの時間ログを持つ私のhtmlテーブル

および text1 、 text2 などの id を持つ td

クラス名 hour-logging を含むすべてのテーブルから text1 行を削除したいと考えています。

どうすればできますか？

前もって感謝します。

Answer 1

おそらく次のようなものを探していますか？

$("table.hour-logging td#text1").closest("tr").remove();

セレクターは、クラス<td>を持つテーブル要素内に含まれるテーブル セル ( )を検索します。hour-logging次に、closest関数を使用して、選択したセルのテーブル行 ( <tr>) を抽出し、 で削除しremove()ます。

参考文献:

• closest()

Answer 2

あなたに答えを与える代わりに、私はあなたにレンガを与えます :

• http://api.jquery.com/remove/
• http://api.jquery.com/class-selector/
• http://api.jquery.com/element-selector/

ここで「本当の」答えが必要なので、OKです。

hour-loggingで始まるクラスと ID を持つテーブル内のすべての行を削除するにはtext

$(table.hour-logging td[id^=text]').closest('tr').remove();

そして、特定の ID を持つ要素を削除するには (一意であると仮定します):

$('#text1').closest('tr').remove();

完全なセレクターを使用して、この選択にさらに制限を追加できます。

$(table.hour-logging td#text1').closest('tr').remove();