jQuery가 PDF 파일에 링크 된 모든 하이퍼 링크 요소 앞에 추가됩니다.

PDF 파일에 링크 된 하이퍼 링크에 "Download of PDF of"를 추가하고 싶습니다. 현재 정확한 텍스트를 앞에 추가 할 수 있지만 하이퍼 링크 텍스트 앞에 추가됩니다.jQuery가 PDF 파일에 링크 된 모든 하이퍼 링크 요소 앞에 추가됩니다.

jQuery('a[href$=.pdf]').prepend('Download a PDF of ');

출처

2010-01-31 Hunter Satterwhite

은 이전에 시도 해 봤나 :이 지금 코드를 사용하고있다 [텍스트 하이퍼 링크]

의 PDF를 다운로드 : 그래서 것처럼, 하이퍼 링크 요소의 외부 거주 하시겠습니까?

jQuery('a[href$=.pdf]').before('Download a PDF of ');

출처

2010-01-31 17:58:54 AlteredConcept

+1 좋은 답변입니다. 그것은 작동합니다 : http://jsbin.com/akiba3 나는 @ BalusC의 SSCCE를 가져다가 내 테스트를 실행하기 위해 솔루션을 사용하기 위해 하나의 라인을 변경했습니다. –

달콤한! 나는 <3 jQuery이다. 내 인생을 훨씬 쉽게 해줍니다. = D – AlteredConcept

사실 +1. 이걸 몰랐어. – BalusC

하면 인라인 요소 (예컨대 <span>) 및 insert it before 원하는 요소를 마무리 할 수있다. 여기에 그냥 copy'n'paste'n'run, SSCCE입니다 :

<!doctype html> 
<html lang="en"> 
    <head> 
     <title>SO question 2172666</title> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
     <script> 
      $(document).ready(function() { 
       $('<span>Download a PDF of </span>').insertBefore('a[href$=.pdf]'); 
      }); 
     </script> 
    </head> 
    <body> 
     <p><a href="foo.pdf">foo.pdf</a></p> 
     <p><a href="foo.exe">foo.exe</a></p> 
     <p><a href="bar.pdf">bar.pdf</a></p> 
    </body> 
</html>

편집 : 전에 대답으로 아의 jQuery.before() 정확히 당신이 원하는 방식으로 작동, 그래서 내가 대신 갈 것입니다.

<a href="foo.pdf">Foo</a> 
<a href="bar.pdf">Bar</a> 
<span id='foo'>Download a pdf of </span> 
<script type='text/javascript'> 
$('#foo').insertBefore('a[href$=.pdf]'); 
</script>

출처

2010-01-31 18:00:47 BalusC

'span'은 필요하지 않지만 여기에 표시하는 방법 ('$()'및'insertBefore')과 같이 사용하는 것이 필요하지만 대답을 업데이트하고 실제 예제를 제공하려면 +1이 필요합니다. –

예. 나는'before()'의 존재와 이점에 대해 완전히 인식하지 못했습니다. 지금 나는 :) – BalusC

여기 당신이 찾고있는 무엇을 할 것인가 예입니다. jQuery를 불평합니다

catch되지 않은 오류 : 구문 오류, 인식 할 수없는 표현 : A [. HREF $ = PDF]

앵커를 선택하는 올바른 방법입니다 :

jQuery('a[href$=".pdf"]');

주 주위에 따옴표. pdf

출처

2010-01-31 18:08:48 monksp

답변에서 제공 한 다른 선택기 오늘의 같은 어쨌든 잘못된 :

출처

2014-04-08 09:47:35 JRT

jQuery가 PDF 파일에 링크 된 모든 하이퍼 링크 요소 앞에 추가됩니다.

답변

관련 문제