如何使用 jQuery 按名稱有效率地選擇 HTML 元素？

使用 jQuery 按名稱定位元素

jQuery 強大的選擇器引擎允許精確的元素選擇。雖然類別名稱提供了一種多功能的定位方法，但本文深入研究了透過名稱屬性來有效選擇元素。

考慮以下場景：您需要操作名為「tcol1」的表格列，展開和隱藏它是動態的。類別名稱在應用時被證明是有效的，但嘗試按名稱選擇會失敗。

為了克服這個挑戰，jQuery 提供了屬性選擇器。透過利用“name”屬性，您可以存取所需的元素。

$('td[name="tcol1"]')   // Matches exactly 'tcol1'
$('td[name^="tcol"]')  // Matches those that begin with 'tcol'
$('td[name$="tcol"]')  // Matches those that end with 'tcol'
$('td[name*="tcol"]')  // Matches those that contain 'tcol'

在提供的HTML 範例中，可以使用以下方式定位第二列的所有三個實例：

$('td[name="tcol1"]')

利用屬性選擇器，您可以根據元素名稱建立精確的jQuery 集合，確保高效的元素操作和DOM 互動。

以上是如何使用 jQuery 按名稱有效率地選擇 HTML 元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！