jQuery : src로 이미지를 찾는 방법

jQuery : src로 이미지를 찾는 방법

---

이름과 src로 img를 찾아야합니다. 나는 소용없는 다음을 시도하고 있습니다.

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

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"/>

---

html을 보지 않고 경로를 확인하십시오.

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

다음 HTML이 주어지면 :

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

이 jquery가 작동했습니다.

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

---

따옴표를 잃어보십시오.

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

---

브라우저는 src, href 및 유사한 속성에 전체 경로를 추가합니다. 따라서 요소가 상대 경로로 정의되어 있어도 DOM의 'src'속성에는 도메인 이름과 전체 경로가 포함됩니다. [src $ = "..."] 구문을 사용하거나 전체 도메인 이름을 지정하는 것은 jQuery를 사용하여 src로 이미지를 찾는 유일한 옵션 인 것 같습니다.

---

내가 틀렸을 수도 있습니다. 이미지 객체의 src 속성은 전체 경로를보고하지만 속성은 코드에 지정된 경로를 포함해야합니다. [src = "relative / path"]는 최신 jQuery 버전에서 작동합니다. 아마도 작동하지 않는 초기 버전 일 수도 있습니다.

---

다음과 같이 img 태그를 변경하십시오.

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

이미지 제목 속성에 추가하고 파일 이름을 설정하십시오.

sertain 이미지에 액세스해야 할 때 다음과 같이 할 수 있습니다.

//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');

참조 URL : https://stackoverflow.com/questions/835378/jquery-how-to-find-an-image-by-its-src