Truy xuất dữ liệu boolean từ thuộc tính dữ liệu trong jquery

Question

Tôi đang cố truy xuất thuộc tính dữ liệu của kiểu Boolean từ phần tử DIV html, tuy nhiên nó luôn trả về false khi chuỗi được chuyển thành boolean.

HTML

<div id='test' data-return="true"></div> 

JS

isreturn_str = $('#test').data('return'); 
isreturn = (isreturn_str === 'true'); 
if (isreturn) { 
    document.write("It is true"); 
} else { 
    document.write("It is false"); 
} 

đầu ra

Đó là sai

http://jsfiddle.net/neilghosh/494wC/

Answer 1

Các jQuery .data() phương pháp là thông minh về công nhận các giá trị boolean và số và chuyển đổi chúng thành loại mẹ đẻ của họ. Vì vậy, đây trả về boolean true, không "true":

$('#test').data('return'); 

Nếu bạn muốn để có được các dữ liệu thô (không có việc chuyển đổi dữ liệu tự động), bạn có thể sử dụng .attr():

$('#test').attr("data-return"); 

Xem các trường hợp thử nghiệm làm việc ở đây: http://jsfiddle.net/jfriend00/6BA8t/

Answer 2

jQuery nhận chuỗi "true" vì nó là boolean đối tác (trong bối cảnh các thuộc tính dữ liệu) và do đó:

typeof isreturn_str; // boolean 

nhưng bạn đang nghiêm túc so với chuỗi 'true' trong đó sản lượng sai như là một chuỗi không phải là một boolean.

Answer 3

"true" được truyền nội bộ vào boolean (thử alert (typeof(isreturn_str))), do đó, việc so sánh === không thành công khi kiểm tra loại.

Bạn có thể gọi .toString()

isreturn_str = $('#test').data('return').toString(); 

http://jsfiddle.net/494wC/8/

Answer 4

tôi đang sử dụng jquery 2.1.0 và tôi phải sử dụng eval

// $('#test').attr("data-return");" doesn't works 
eval($('#test').attr("data-return"));