JQuery如何按name屬性選擇元素

Posted on by

JQuery按name屬性選擇元素

方法1：使用name屬性選擇器

name屬性選擇器可用於按name屬性選擇元素。此選擇器選擇值與指定值完全相等的元素。

語法：[name=“nameOfElement”]

示例：

輸出：

方法2：使用javascript按名稱獲取元素並將其傳遞給jQuery

可以使用javascript getElementsByName()方法選擇所需的元素，並將其傳遞給jQuery函數，以進一步用作jQuery對象

語法：selector = document.getElementsByName(‘nameOfElement’);element = $(selector);

示例：

輸出：

jquery name選擇器

  • $("div[id]") 選擇所有含有id屬性的div元素
  • $("input[name='keleyicom']") 選擇所有的name屬性等於'keleyicom'的input元素
  • $("input[name!='keleyicom']") 選擇所有的name屬性不等於'keleyicom'的input元素
  • $("input[name^='keleyi']") 選擇所有的name屬性以'keleyi'開頭的input元素
  • $("input[name$='keleyi']") 選擇所有的name屬性以'keleyi'結尾的input元素
  • $("input[name*='keleyi']") 選擇所有的name屬性包含'keleyi'的input元素
  • $("input[id][name$='keleyi']") 可以使用多個屬性進行聯合選擇，該選擇器是得到所有的含有id屬性並且那麼屬性以keleyi結尾的元素 例如：$(":input[name='keleyi']") 表示查找的是name為keleyi的表單。

總結

以上為個人經驗，希望能給大傢一個參考，也希望大傢多多支持WalkonNet。

推薦閱讀：