JSFiddle - React, Tailwind, and code Playground

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="">один</a><br>
<font size="5"><a class="dow" href="blalalal.pdf" title="(32Кило)">два</a><br>
<p><a class="dow" href="kfdslk.doc" title="(123Кисло)">три</a></p><br>
<p><a class="dow" href="blalalal.xls" title="(123Кб)">четыре</a></p><br>
    <p>sfdsdfsdfsd</p>
<a class="dow" href="blalalal.jpg" title=")333Кб(">стодевяносто</a><br>
<a class="dow" href="blalala.png" title=")dsf(">стодевяностоодин</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>');

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


$('.doc li').each(function(){ //работаем только с li который в <ul class=".doc"
    var link = $('a.dow',this).attr('href'); //Получаем значения href у a.dow в каждом <li>
    var title= $('a.dow',this).attr('title'+''); //небольшой хак +'' чтобы избавиться от undefined
            $('a.button',this).attr({href:link}); // Устанавливаем значение ссылки для кнопки Скачать
              $('p.name',this).append(' '+title); 
$("a.dow[href$=pdf]",this).parent().before('<img src="http://www.altegrosky.su/data/image/filetypes/pdf.png">');
$("a.dow[href$=jpg],a.dow[href$=png],a.dow[href$=gif],a.dow[href$=bmp]",this).parent().before('<img src="http://www.altegrosky.su/data/image/filetypes/image.png">');
$("a.dow[href$=xlsx],a.dow[href$=xls]",this).parent().before('<img src="http://www.altegrosky.su/data/image/filetypes/xls.png">');
$("a.dow[href$=doc],a.dow[href$=docx],a.dow[href$=rtf]",this).parent().before('<img src="http://www.altegrosky.su/data/image/filetypes/doc.png">');


//$("a.dow:not[href$=pdf],a.dow:not[href$=jpg],a.dow:not[href$=png],a.dow:not[href$=gif],a.dow:not[href$=bmp],a.dow:not[href$=xlsx],a.dow:not[href$=xls],a.dow:not[href$=doc],a.dow:not[href$=docx],a.dow:not[href$=rtf]",this).parent().before('<img src="http://www.altegrosky.su/data/image/filetypes/others.png">');

});