특정 요소의 모든 사용자 지정 데이터 특성에 액세스

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는 null !== "" 때문에 true를 돌려줍니다되지 않습니다.