JSFiddle - React, Tailwind, and code Playground

by BinaryAcid

HTML

<p>- Manipilating links with jquery</p>
<p>- Open pdf links in new window</p><br>

<a href="http://www.irs.gov/pub/irs-pdf/fw4.pdf">My basic PDF link</a>
<br>
<a href="http://www.paintdocs.com/webmsds/webPDF.jsp?SITEID=STORECAT&doctype=PDS&lang=E&prodno=B55W101">My PDF link with query string</a>

JavaScript

$(function() {

    // $('a[href$=".pdf"]').attr('target', '_blank');
    // $('a[href^="http://www.paintdocs.com/webmsds/webPDF.jsp"]').attr('target', '_blank');
    
    
    $('a[href$=".pdf"]').click(function() {
        $(this).attr('target', 'blank');
    });
        
    $('a[href^="http://www.paintdocs.com/webmsds/webPDF.jsp"]').click(function() {
        $(this).attr('target', 'blank');
    }); 
        
        
});