jQuery选择器的数据属性在Safari中不起作用

Question

以下显示的是FF中的一个和两个警报，但Safari中只有一个。 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陈述bar