$ (this + "selector")? $ ("img", điều này) có thể?

Question

Tôi đang cố gắng "chọn" một img bên trong bộ chọn $ (this) này. Tôi biết tôi có thể tìm thấy nó bằng cách sử dụng .find('img') nhưng điều này có thể:

$("img",this)?

Cách tối ưu nhất để làm điều này là gì?

Nguyên đang

<a class="picture" href="test.html"> 
    <img src="picture.jpg" alt="awesome"> 
</a> 

Answer 1

cách tối ưu nhất để làm điều này là gì?

Cả hai $(this).find('img') và $('img', this) tương đương nhau.

Từ các tài liệu:

Bên trong, bối cảnh selector được thực hiện với phương pháp .find(), nên $ ('tuổi', điều này) là tương đương với $ (this) .find ('tuổi ').

http://api.jquery.com/jQuery/

Answer 2

Đó là một hoàn hảo một cách hợp lý cách làm việc đó.

Vì vậy, bạn sẽ làm như sau:

$('a').click(function() { 
    //if the element dosent change you can use this 
    //var src = $('img', this).attr('src'); 
    //else use $(this) 
    var src = $('img', $(this)).attr('src'); 
    alert(src); 
    return false; 
}); 

Xem: http://jsfiddle.net/xYmwV/

Có thực sự là không có sự khác biệt, vì trong cả hai phương pháp bạn nạp các yếu tố dom, và tìm kiếm nó. Cách thức của bạn là "sạch hơn" và đơn giản hơn, nhưng có thể gây nhầm lẫn hơn :)

Cách nhanh hơn sẽ là $(this).children() vì nó sẽ không phải tìm kiếm các phần tử, nhưng đi xuống các từ khóa trực tiếp trong DOM. Nhưng nó sẽ đưa ra sự linh hoạt của kịch bản.

Answer 3

Tại sao bạn không thể sử dụng .find('img')? nó hoạt động với tôi: http://jsfiddle.net/nnmEY/

Answer 4

Tôi đang cố gắng "chọn" một img bên trong bộ chọn $ (this) này.

var myImg = $(this).find("img"); 

Answer 5

Có bạn có thể làm điều đó ... dù sao họ là tương đương, vì vậy nó chỉ là một vấn đề của 'thị hiếu cú ​​pháp' của bạn:

Bên trong, bối cảnh selector được thực hiện với phương thức .find(), vì vậy $ ('span', this) tương đương với $ (this) .find ('span').

http://api.jquery.com/jQuery/

Answer 6

Nó không thực sự quan trọng, chọn nào bạn thích, nó chủ yếu là một sự lựa chọn phong cách.

jQuery xử lý các hình thức $(selector, context) bằng cách làm $(context).find(selector) hoặc (nếu context đã là một trường hợp jQuery) context.find(selector) dưới lớp chăn, vì vậy về mặt lý thuyết hình thức find là hơi hiệu quả hơn, nhưng không phải trong bất kỳ cách nào đó là thực sự có khả năng thành vấn đề.