Question

filename_mov.jpg과 같은 파일 이름을 가진 사이트에 여러 이미지가 있습니다. filename 부분은 동적으로 생성되는 부분입니다 (예 : 123456abc_mov.jpg).

_mov.jpg은 일관성있는 유일한 것이므로 파일 이름의 일부를 검색하여 대상을 원합니다.

jQuery를 사용하여 이것을 검색 할 수 있습니까?

$("img[src*='_mov.jpg']").addClass('movieThumb'); 

을하지만 그것은 작동하지 않습니다

은 내가 시도했습니다.

Answer 1

사용 the “attribute ends with” selector :

$('img[src$="_mov.jpg"]').addClass('movieThumb'); 

또는 당신이 할 수있는 jQuery#filter() 사용하여 자신을 필터링 :

$('img').filter(function() { 
    return /_mov\.jpg$/.test(this.src); 
}).addClass('movieThumb'); 

Answer 2

나는 <img class="mov_image" src="...._mov.jpg">처럼 특정 CSS 클래스를 추가하는 게 좋을 것, 복잡한 선택기 만지작 방지하려면 :

$('.mov_image').addClass('movieThumb'); 

Answer 3

$('img').each(function(){ 

    var src = $(this).attr('src'); 
    if(src.indexOf('_mov') != -1) 
     //do stuff 
}); 

확실하지 얼마나 잘하지만 IE에서 문자열에 같이 IndexOf 작동합니다.

Answer 4

사용에게 $.filter

$('img') 
    .filter(function() { 
     return this.src.match(/_mov\.jpg$/); 
    }) 
.addClass('movieThumb'); 
;