jQuery: Cách tìm hình ảnh bằng src

Question

Tôi cần tìm một img theo tên và src. Tôi đã cố gắng sau đây vô ích.

var s = $("img[src='/images/greendot.gif'][name='BS']"); 

Các html:

<img alt="This item is active." name="BS" src="/images/greendot.gif"/> 

vs

<img alt="This item is not active." name="BS" src="/images/spacer.gif"/> 

Answer 1

mà không nhìn thấy html Tôi có thể nói kiểm tra đường dẫn của bạn.

$("img[src$='greendot.gif'][name='BS']") 

trao HTML sau:

<img src="http://assets0.twitter.com/images/twitter_logo_header.png" name="logo" /> 

jquery này làm việc:

var x = $("img[src$='twitter_logo_header.png'][name='logo']"); 
alert(x.attr("src")); 

Answer 2

Hãy thử làm mất dấu ngoặc kép:

var s = $("img[src=../../images/greendot.gif][name=BS]"); 

Answer 3

duyệt thêm đường dẫn đầy đủ đến src, href và các thuộc tính tương tự. Vì vậy, mặc dù phần tử được định nghĩa với đường dẫn tương đối, trong thuộc tính DOM 'src' chứa tên miền và đường dẫn đầy đủ. Sử dụng cú pháp [src $ = "..."] hoặc chỉ định tên miền đầy đủ dường như chỉ là các tùy chọn để tìm hình ảnh bằng src với jQuery.

---

Tôi có thể sai ở đây. Thuộc tính src của đối tượng hình ảnh báo cáo đường dẫn đầy đủ, nhưng thuộc tính phải chứa đường dẫn như được chỉ định trong mã. [src = "relative/path"] hoạt động trong phiên bản jQuery mới nhất, có thể đó là phiên bản đầu tiên mà nó không hoạt động.

Answer 4

Thay đổi thẻ img của bạn như thế này:

<img src="path/to/imgage/img.jpg" title="img.jpg" /> 

tôi muốn nói thêm vào thuộc tính hình ảnh tiêu đề của bạn và đặt chúng tên của tập tin.

Khi bạn cần truy cập hình ảnh sertain bạn có thể làm điều đó như sau:

//Finding image that you need using 'title' attribute; 
var imageTag = $("img[title='imageName']"); 

//Then if you need to do something with it; 
imageTag.attr('src', 'path/to/newImage/newImage.jgp'); 
imageTag.attr('title', 'newImage.jpg');