jQuery の属性セレクターを使用して HTML テーブルの列を選択的に非表示にするにはどうすればよいですか?

jQuery を使用した名前による要素の選択

HTML テーブルを使用する場合、名前に基づいて要素を操作する必要がある状況に遭遇することがあります。 。 jQuery は、name 属性によって要素を選択するための便利な方法を提供します。

この例では、$("tcol1").hide() を使用して名前で列を選択し、列を非表示にしようとしました。ただし、jQuery の hide() メソッドはクラス セレクターのみを受け入れるため、このアプローチは機能しませんでした。

名前で要素を選択するには、jQuery 属性セレクターを使用できます。次のコードは、名前に基づいて要素を照合するいくつかの方法を示しています:

// Matches exactly 'tcol1'
$('td[name="tcol1"]')

// Matches those that begin with 'tcol'
$('td[name^="tcol"]')

// Matches those that end with 'tcol'
$('td[name$="tcol"]')

// Matches those that contain 'tcol'
$('td[name*="tcol"]')

これらのセレクターは、次のように要素を非表示にするために使用できます:

$('td[name="tcol1"]').hide();

以上がjQuery の属性セレクターを使用して HTML テーブルの列を選択的に非表示にするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。