jQuery selector tài liệu tham khảo để tự

Question

câu hỏi đơn giản:

Làm thế nào để tham khảo tự mà không sử dụng $.each() ví dụ như khi tôi muốn thiết lập html() sở hữu thuộc tính?

$('*[rel]').html($(this).attr('rel')); // nope 
$('*[rel]').html($(self).attr('rel')); // nah 
$('*[rel]').html($(sender).attr('rel')); // undefined 
$('*[rel]').html($(target).attr('rel')); // still undefined 
$('*[rel]').html($(???).attr('rel')); // this isn't even correct syntax 
$('*[rel]').html($(beer).attr('rel')); // well that would be tasty 
$('*[rel]').html($(woman).attr('rel')); // not in this life 
$('*[rel]').html($(god help me!).attr('rel')); // He probably doesn't even know how to use a computer 
$('*[rel]').html($(i give up).attr('rel')); // unexpected... o'rly? 

Answer 1

You can pass a function instead of a a string.

$('[rel]').html(function() { 
    return $(this).attr('rel'); 
}); 

Lý do tại sao tất cả các ví dụ của bạn không làm việc là vì trong mỗi trường hợp mã của bạn thực hiện rất lâu trước khi chọn đã được đánh giá. Đây là điều bạn thực sự cần hiểu - thậm chí còn phù hợp hơn khi gọi lại có liên quan, ví dụ: cho AJAX hoặc bộ hẹn giờ: Khi bạn đặt mã vào một nơi nào đó nó được thực thi tại thời điểm này. Vì vậy, foo(some code here) sẽ luôn luôn thực thi mã là một phần của đối số hàm bất kể số foo là gì. Lý do duy nhất để tránh điều này là truyền một hàm có chứa mã này - đó là biểu thức hàm được đánh giá (đánh giá thành một hàm có thể gọi). Sau đó, chức năng thực tế (mà rõ ràng là cần phải mong đợi một cuộc gọi thay vì một giá trị đơn giản) có thể gọi các chức năng được thông qua bất cứ khi nào nó thích hợp.