For example:

I want to add target=_blank in any PDF link es inside this css class "class="newWindow"

Before adding script

<div class="newWindow" >

<a href="pdf1.pdf">link text</a>
<a href="pdf2.pdf">link text</a>

</div>

After adding script

<div class="newWindow" >

<a href="Pdf1.pdf" target="_blank">link text</a>
<a href="Pdf2.pdf" target="_blank">link text</a>

</div>

Please provide jquery code with no conflict.

For example:

I want to add target=_blank in any PDF link es inside this css class "class="newWindow"

Before adding script

<div class="newWindow" >

<a href="pdf1.pdf">link text</a>
<a href="pdf2.pdf">link text</a>

</div>

After adding script

<div class="newWindow" >

<a href="Pdf1.pdf" target="_blank">link text</a>
<a href="Pdf2.pdf" target="_blank">link text</a>

</div>

Please provide jquery code with no conflict.

• javascript
• jquery
• css
• xhtml

Share Improve this question Follow asked Mar 1, 2010 at 11:54 Jitendra VyasJitendra Vyas 153k240240 gold badges587587 silver badges868868 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

Code

$(".newWindow a[href$='pdf']").attr('target','_blank');

:]

Preview:

http://jsbin./ojapo

View code

http://jsbin./ojapo/edit

Note:

in jsbin example, I also add class .bl, so you can easily see result :]

No Conflict mode:

jQuery.noConflict();
jQuery(".newWindow a[href$='pdf']").attr('target','_blank');

or

 jQuery.noConflict();
 
 jQuery(document).ready(function($){
   $(".newWindow a[href$='pdf']").attr('target','_blank');
 });

or another way, take a look here: http://docs.jquery./Using_jQuery_with_Other_Libraries

This should work

$(".newWindow a[href$='.pdf']").attr("target", "_blank");