jQuery를 사용하여 페이지에서 이미지 가져 오기

기본적으로 내가하고 싶은 것은 페이지 내의 이미지에 대한 링크를 가져 와서 이미지로 변환하는 것입니다. 지금은 포럼의 게시물 내의 모든 링크를 가져 와서 이미지로 변환하는 코드가 있지만 그보다는 더 구체적으로 원합니다. 나는 메인 4 웹 이미지 확장 (.jpg, .gif, .png, .bmp)을 사용하여 이미지를 잡고 싶습니다. 나는 jQuery에 익숙하지 않기 때문에 이것에 대한 도움을 정말로 원한다. 여기에 지금까지 가지고 그 내 코드입니다 :jQuery를 사용하여 페이지에서 이미지 가져 오기

(function($) { 
    if ($('#nav a[href*="/forum/3828932/"]').length && location.href.indexOf('/1/') !== -1) { 
     $('td.c_post:eq(0) a').each(function() { 
      link = $(this).attr('href'); 
      $(this).html('<a href="' + link + '"><img src="' + link + '" alt="Icon" /></a>') 
     }); 
    } 
})(jQuery);

출처

2011-10-26 Chad

당신은 그 값 http://api.jquery.com/attribute-ends-with-selector/

여러 선택 http://api.jquery.com/multiple-selector/

그래서 함께 href가 끝 앵커를 선택 ends-with 선택기를 사용하려고 할 수 있습니다 선택기는 다음과 유사 할 수 있습니다.

$('td.c_post:eq(0) a[href$=".jpg"],td.c_post:eq(0) a[href$=".png"],td.c_post:eq(0) a[href$=".gif"],td.c_post:eq(0) a[href$=".bmp"]')

출처

2011-10-26 06:43:40 Quincy

나를 위해 일해. – Chad

당신의 HTML을 우리에게 보여주기 위해 마음이십니까? – Quincy

글쎄, 요점은 특정 인스턴스가 아닙니다. 이렇게하면 포럼 집합의 게시물에서 이미지로 연결되는 링크를 가져 와서 실제로 이미지를 표시하게됩니다. 나는 단지 게시물의 모든 링크를 잡는 것과는 대조적으로 어떤 종류의 링크로 제한하고 싶습니다. – Chad

jQuery를 사용하여 페이지에서 이미지 가져 오기

답변

관련 문제