JSFiddle - React, Tailwind, and code Playground

HTML

<a href="http://www.mysite.com/index/yy.jpg">Ссылка на JPG 1</a><BR>
<a href="http://www.mysite.com/index/zz.jpg">Ссылка на JPG 2</a><BR>
<a href="http://www.mysite.com/index/bb.pdf">Ссылка на PDF 1</a><BR>
<a href="http://www.mysite.com/index/aa.pdf">Ссылка на PDF 2</a><BR>
<a href="http://www.mysite.com/products/100.php" target="_blank">Новый продукт: Суперштука 5000 - $15</a><BR>
<a href="http://www.mysite.com/products/200.php" target="_blank">Новый продукт: Суперштука X-300 - $20.99</a><BR>

JavaScript

$('a').click(function(){  //присваивает событие click для всех ссылок на старнице
    event.preventDefault() //предотвращает нормальное открытие ссылки
    url = $(this).attr('href') //jQuery получает url из атрибута href ссылки
    linktext = $(this).text() //jQuery получает текст ссылки
    if(url.match(/pdf|jpg/i)) {
        alert('Нажата ссылка на файл');
    } else {
        alert('Нажата обычная ссылка');
        alert("Название продукта: " + linktext.match(/Новый продукт:(.*) - (\$[0-9]*(\.[0-9]*)?)$/i)[1]); //Отображает текст, соответствующий первому реглярному выражению (.*)
        alert("Цена: " +linktext.match(/Новый продукт:(.*) - (\$[0-9]*(\.[0-9]*)?)$/i)[2]); //Отображает текст, соответствующий второму реглярному выражению (\$[0-9]*(\.[0-9]*)?)$/i
    }
   
})