訪問某些元素上的所有自定義數據屬性

Question

我想僅在具有設置的自定義數據屬性（data-title）的元素進行點擊時執行功能。目前它們只是a和button元素。

爲什麼這段代碼執行上即使沒有data-title所有a和button元素設置？

$('a[data-title!=""], button[data-title!=""]').on('click', function() { 
    // do something 
}); 

我應該改變什麼？

Answer 1

使用Has Attribute Selector

$('a[data-title], button[data-title]').on('click', function() { 
    // do something 
}); 

Answer 2

你需要的是attribute exists selector

$('a[data-title], button[data-title]').on('click', function() { 
    // do something 
}); 

爲什麼呢？
在你的病情，你正在檢查data-title!=""，但如果元素不具備的屬性data-title的屬性值將是null不""（空字符串），因此測試result !== check將返回true，因爲null !== ""。