データ属性によるjQueryセレクタがSafariで動作しない

Question

以下のショーはFFで1つと2つの警告を表示しますが、Safariでは1つのみ表示します。この行にあるものは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

あなたは]閉じ括弧が欠落しています。また、barは変数ではなく文字列リテラルです。

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

それとも、変数としてバーを定義することができます：これは動作します、あなたが本当にをしたいものを

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

（それはそうする前に、Firefoxで働いていたかわからない。）

Answer 2

が依存して

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

これはエールを作成する必要があります。警告文がどこにあるか、あなたはとのショートカットを作ることができますrt stating bar