使用 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中文網其他相關文章！
