jQuery を使用して、名前属性で HTML 要素を選択するにはどうすればよいですか?

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

jQuery には要素を選択するためのさまざまな方法が用意されていますが、要素を名前で選択する最も簡単な方法は、 name 属性は属性セレクターを使用しています。このメソッドを使用すると、一致させる name 属性と値を指定できます。

名前で要素を選択するには、構文 $('[name="element_name"]') を使用します。たとえば、次の HTML では、

<tr>
  <td>data1</td>
  <td name="tcol1" class="bold"> data2</td>
</tr>
<tr>
  <td>data1</td>
  <td name="tcol1" class="bold"> data2</td>
</tr>
<tr>
  <td>data1</td>
  <td name="tcol1" class="bold"> data2</td>
</tr>

jQuery を使用して 2 番目の列を非表示にするには、その name 属性によって列を選択できます:

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

完全一致に加えて、 jQuery は、一致の柔軟性を提供する属性セレクターも提供します:

• StartsWith ('^'): name 属性が指定された値で始まる要素と一致します (例: $('td[name^="tcol"]')。
• EndsWith ('$ '): name 属性が指定された値で終わる要素と一致します。例: $('td[name$="tcol"]').
• Contains ('*'): name 属性に指定された値が含まれる要素と一致します。例: $('td [name*="tcol"]').

以上がjQuery を使用して、名前属性で HTML 要素を選択するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。