Selettore jQuery per attributo dati che non funziona in Safari

Question

I seguenti messaggi mostrano uno e due in FF ma solo uno in Safari. Qualcosa in questa riga è incompatibile in Safari? if($('div[data-foo="'+bar+'"').hasClass('baz')){

jQuery

alert('one'); 
if($('div[data-foo="'+bar+'"').hasClass('baz')){ 
    alert('two'); 
}else{ 
    alert('three'); 
} 

HTML

<div data-foo="bar" class="baz"></div> 

Answer 1

Ti manca una parentesi di chiusura]. Inoltre, bar è una stringa letterale in questo caso, non una variabile. Questo funziona:

alert('one'); 
if($('div[data-foo="bar"]').hasClass('baz')){ 
    alert('two'); 
}else{ 
    alert('three'); 
} 

Oppure si può definire bar come una variabile:

var bar = "bar"; 
alert('one'); 
if($('div[data-foo="' + bar + '"]').hasClass('baz')){ 
    alert('two'); 
}else{ 
    alert('three'); 
} 

(. Non sono sicuro di come è stato altrimenti lavorando in Firefox prima)

Answer 2

seconda cosa si vuole veramente fare dove le dichiarazioni di avviso sono, è possibile effettuare una scelta rapida con:

$('div.baz').each(function(){ 
    alert($(this).data('foo')); 
}); 

Questo dovrebbe creare una birra rt affermando bar