[jQuery] 找出有特定屬性且不為空值的 HTML 元件

[jQuery] 找出有特定屬性且不為空值的 HTML 元件

今天在修改自己的 JavaScript 程式,

需要用 jQuery 去找出表格中,有 data-transaction-id 這個屬性的 tr,

而且這個屬性的值必須是有內容的,

也就是說我不想要選到 data-transaction-id=”” 這種空值的~

 

上網查了一下,原來這個看似簡單的條件,

得用兩個 jQuery 的 selector 組合起來才行:

$('tr[data-transaction-id][data-transaction-id!=""]')

 

上面的 [data-transaction-id] 代表必須要有 data-transaction-id 這個屬性,

而 [data-transaction-id!=””] 則代表這個屬性不能為空值。

如果單用 [data-transaction-id!=””] 的話,

那麼沒有 data-transaction-id 屬性的也會被選到,所以得兩個條件都設定才行囉~

 

參考資料:jQuery: Select data attributes that aren’t empty?

(本頁面已被瀏覽過 146 次)

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料