Bộ chọn jQuery theo thuộc tính dữ liệu không hoạt động trong Safari

Question

Thông báo hiển thị sau một và hai trong FF nhưng chỉ một trong Safari. Có gì trong dòng này không tương thích trong Safari không? 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

Bạn đang thiếu một khung đóng cửa]. Ngoài ra, thanh là một chuỗi chữ trong trường hợp này, không phải là một biến. Đây hoạt động:

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

Hoặc bạn có thể xác định thanh như là một biến:

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

(. Không chắc thế nào nó được bằng cách khác làm việc trong Firefox trước đó)

Answer 2

Tùy thuộc vào những gì bạn muốn thực sự nơi các báo cáo cảnh báo là, bạn có thể tạo lối tắt với:

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

Điều này sẽ tạo ra bia rt nêu rõ bar