javascript - 如何使用 jquery 将 target=_blank 添加到 div 内的所有 PDF 链接？

Question

例如:

我想在这个 css 类 "class="newWindow" 中的任何 PDF 链接中添加 target=_blank

添加脚本之前

<div class="newWindow" >

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

</div>

添加脚本后

<div class="newWindow" >

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

</div>

请提供无冲突的jquery代码。

Answer 1

代码

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

:]

预览:

http://jsbin.com/ojapo

查看代码

http://jsbin.com/ojapo/edit

备注:

在jsbin例子中，我还添加了类.bl，所以你可以很容易地看到结果:]

无冲突模式:

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

或

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

或者换个方式，看看这里:http://docs.jquery.com/Using_jQuery_with_Other_Libraries