JSFiddle - React, Tailwind, and code Playground

by thecodeparadox

HTML

<div>
  <a href="#">Messi&nbsp;#<span>91</span>, </a>
  <a href="#">Messi&nbsp;#<span>91</span>, </a>
  <a href="#">Messi&nbsp;#<span>91</span>, </a>
  <a href="#">Messi&nbsp;#<span>91</span>, </a>
  <a href="#">Messi&nbsp;#<span>91</span>, </a>
  <a href="#">Messi&nbsp;#<span>91</span>, </a>
  <a href="#">Messi&nbsp;#<span>91</span>, </a>
  <a href="#">Messi&nbsp;#<span>91</span>, </a>
  <a href="#">Messi&nbsp;#<span>91</span>, </a>
  <a href="#">Messi&nbsp;#<span>91</span>, </a>
  <a href="#">Messi&nbsp;#<span>91</span>, </a>
</div>

CSS

a { display: block; }
.wrap { display: block; padding-left: 10px }

JavaScript

$('div a').map(function(index, item) {
    if(index > 2) {
        return $(item).wrap('<span class="wrap"/>').get(0)
    } else return $(item);
});