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

Question

例如：

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

添加脚本之前

<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 示例中，我还添加了 class .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