JSFiddle - React, Tailwind, and code Playground

by jt3k

HTML

<base href="http://www.altegrosky.su">
<p>erwrwer</p>

<link rel="stylesheet" href="http://www.altegrosky.su/css/style.css" />
<h6>первый</h6>
<ol start="8888"><li><a href="/lalalala.pdf">lalalaa</a></li>
<li><a href="/lalalala.pdf" title="321Kb">lalalaa</a></li>
<li><a href="/lalalala.pdf" title="321Kb">lalalaa</a></li>
<li><a href="/lalalala.pdf" title="321Kb">lalalaa</a></li>
<li><a href="/lalalala.pdf" title="321Kb">lalalaa</a></li>
<li><a href="/lalalala.pdf" title="321Kb">lalalaa</a></li>
<li><a href="/lalalala.pdf" title="321Kb">lalalaa</a></li>
<li><a href="/lalalala.pdf" title="321Kb">lalalaa</a></li>
<li><a href="/lalalala.pdf" title="321Kb">lalalaa</a></li></ol>
dfsdfsdf
        <h6>Прикрепленные файлы</h6>

<ol start="8888"><li><a href="/lalalala.pdf" title="321Kb">lalalaa</a></li>
<li><a href="/lalalala.pdf" title="321Kb">lalalaa</a><p>Описание Я</p></li>
<li><a href="/lalalala.pdf" title="321Kb">lalalaa</a><p>Описание Я</p></li>
<li><a href="/lalalala.pdf" title="321Kb">lalalaa</a><p>Описание Я</p></li>
<li><a href="/lalalala.pdf" title="321Kb">lalalaa</a><p>Описание Я</p></li>
<li><a href="/lalalala.pdf" title="321Kb">lalalaa</a><p>Описание Я</p></li>
<li><a href="/lalalala.pdf" title="321Kb">lalalaa</a><p>Описание Я</p></li>
<li><a href="/lalalala.pdf" title="321Kb">lalalaa</a><p>Описание Я</p></li>
<li><a href="/lalalala.pdf" title="321Kb">lalalaa</a><p>Описание Я</p></li></ol>
        <h6>Прикрепленные файлы</h6>

<ol start="8888"><li><a href="/lalalala.pdf" title="321Kb">lalalaa</a></li>
<li><a href="/lalalala.pdf" title="321Kb">lalalaa</a></li>
<li><a href="/lalalala.pdf" title="321Kb">lalalaa</a></li>
<li><a href="/lalalala.pdf" title="321Kb">lalalaa</a></li>
<li><a href="/lalalala.pdf" title="321Kb">lalalaa</a></li>
<li><a href="/lalalala.pdf" title="321Kb">lalalaa</a></li>
<li><a href="/lalalala.pdf" title="321Kb">lalalaa</a></li>
<li><a href="/lalalala.pdf" title="321Kb">lalalaa</a></li>
<li><a href="/lalalala.pdf"...

JavaScript

$('ol[start=8888]').addClass('doc');


$('ol[start=8888] > li').each(function() {

var link = $('a',this).attr('href');
var title = $('a',this).attr("title");

$('a',this).after('&nbsp;'+title);
$('a',this).wrap('<p class=name>')
    .prepend('<img src="../images/doc.gif">')
    .prepend('<a class=button href='+link+'><span>Скачать</span></a>');


})






$('ol[start=8888]').replace('<ul class="doc">');