JSFiddle - React, Tailwind, and code Playground

by jt3k

HTML

<base href="http://altegrosky.rusoft.ru/verstka/templates/">
<link href="http://altegrosky.rusoft.ru/verstka/css/style.css" rel="stylesheet" type="text/css">
<a href="lalalalal" class="dow" title="123">один</a><br>
<a class="dow" href="blalalal.pdf" title="123">два</a><br>
<p><a class="dow" href="kfdslk" title="123">три</a></p><br>
<p><a class="dow" href="blalalal" title="123">четыре</a></p><br>
<a class="dow" href="blalalal" title="123">стодевяносто</a><br>


<hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr><hr>

        <ul class="doc">

            <li>
                <a class="button" href="#"><span>Скачать</span></a>
                <img src="../images/doc.gif" alt="">
                <p class="name"><a href="#">Технические характеристики Модем HN7000S</a> (172 Kb)</p>
                <p>Услуги связи по передаче данных, за исключением услуг связи по передаче данных для целей передачи голосовой информации</p>
            </li>

            <li>
                <a class="button" href="#"><span>Скачать</span></a>
                <img src="../images/xls.gif" alt="">
                <p class="name"><a href="#">Технические характеристики Модем HN7000S</a> (172 Kb)</p>
                <p>Услуги связи по передаче данных, за исключением услуг связи по передаче данных для целей передачи голосовой информации</p>
            </li>

            <li>
                <a class="button" href="#"><span>Скачать</span></a>
                <img src="../images/doc.gif" alt="">
                <p class="name"><a href="#">Лицензия №58026 до 08.04.2013</a> (172 Kb)</p>
                <p>Осуществление геодезической деятельности</p>
            </li>

        </ul>

JavaScript

$('a.dow').wrapAll('<ul class="doc">');
$('a.dow').wrap('<li>');

$('a.dow').before('<a class="button" href=""><span>Скачать</span></a><img src="http://altegrosky.rusoft.ru/verstka/images/doc.gif">');

$('a.dow').wrap('<p class="name">');

$('a.dow').after(' '+$('a.dow').attr("title"));

//

//$('a.dow').before('<li><a class="button" href="'+$('a.dow').attr("href")+'"><span>Скачать');
//
//$("a[href$=pdf].dow").before('OOOOOOOOO');