jquery取得不帶class的標籤

PHPz
發布: 2023-05-14 12:01:16
原創
760 人瀏覽過

在開發前端網頁時,我們經常需要透過JavaScript程式碼來取得HTML標籤進行操作,例如修改標籤樣式或內容等。使用jQuery函式庫能夠方便地完成這些操作。在jQuery中,我們可以透過選擇器(Selector)來選取需要操作的HTML標籤。

一般而言,我們可以使用標籤名稱或類別名稱作為選擇器來選取HTML標籤。例如,選取所有DIV標籤的程式碼為:

$("div")
登入後複製

如果需要選取類別名為「test」的DIV標籤,程式碼如下:

$("div.test")
登入後複製

然而,在某些情況下,我們可能需要選取不含類別名稱的標籤(例如,不含類別名稱的SPAN標籤),此時我們可以藉助jQuery的not()方法來完成。

not()方法用於從一組符合的元素中刪除指定的元素。我們可以將不含類別名稱的SPAN標籤篩選出來,後面加上not()來排除帶有類別名稱的SPAN標籤,程式碼如下:

$("span").not("[class]")
登入後複製

以上程式碼表示選取所有SPAN標籤,並且刪除掉帶有class屬性的標籤,從而得到不含類別名稱的SPAN標籤。

除了使用not()方法之外,我們還可以使用filter()方法來完成類似的篩選。 filter()方法會遍歷所有符合的元素,然後選取其中符合條件的元素。我們可以透過判斷元素是否具有class屬性來過濾掉帶有類別名稱的標籤,程式碼如下:

$("span").filter(function() {
  return !$(this).hasClass("class");
});
登入後複製

以上程式碼表示選取所有SPAN標籤,然後過濾掉帶有class屬性的標籤,從而得到不帶類別名的SPAN標籤。

要注意的是,以上程式碼只會選取不帶class屬性的標籤,如果還需要排除其他屬性,可以在not()或filter()中加入多個屬性,例如:

$("span").not("[class][id]")
登入後複製

以上程式碼表示選取所有SPAN標籤,並排除帶有class和id屬性的標籤。

總的來說,想要取得不含類別名稱的標籤,我們可以使用not()或filter()方法來配合適當的屬性選擇器來完成,同時對於其他屬性也可以使用類似的方式來進行篩選。

以上是jquery取得不帶class的標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!