JSFiddle - React, Tailwind, and code Playground
HTML
<div class="append">
<li>
<a href="/voyage/ameriques/etats-unis/boston/">
<div class="imgLittle" style="background-image:url(http://data4.voyagesarabais.com/i/photos/custom/900/500/5/159431.jpg);"></div>Boston</a>
</li>
<li>
<a href="/voyage/ameriques/etats-unis/chicago/">
<div class="imgLittle" style="background-image:url(http://www.unbattementdaile.net/wp-content/uploads/2010/04/21-04-2010-23-12-35.png);"></div>Chicago</a>
</li>
<li>
<a href="/voyage/ameriques/etats-unis/las-vegas/">
<div class="imgLittle" style="background-image:url(http://www.voyage-unique.com/fr/uploads/etats-unis-las-vegas-la-nuit.jpg);"></div>Las vegas</a>
</li>
<li>
<a href="/voyage/ameriques/etats-unis/los-angeles/">
<div class="imgLittle" style="background-image:url(http://photos.nouvelles-frontieres.fr/Produits/USACT029_Los-Angeles.jpg);"></div>Los angeles</a>
</li>
<li>
<a href="/voyage/ameriques/etats-unis/miami/">
<div class="imgLittle" style="background-image:url(http://static.mensup.fr/photos/23094/resorts-world-miami.jpg);"></div>Miami</a>
</li>
<li>
<a href="/voyage/ameriques/etats-unis/new-york/">
<div class="imgLittle" style="background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/06/New_York_in_United_States.svg/langfr-280px-New_York_in_United_States.svg.png);"></div>New york</a>
</li>
<li>
<a href="/voyage/ameriques/etats-unis/nouvelle-orleans/">
<div class="imgLittle" style="background-image:url(http://idata.over-blog.com/1/24/29/79/Nouvelle-Orl-ans-article1/usa-states-and-capital-map.gif);"></div>Nouvelle orleans</a>
</li>
<li>
<a href="/voyage/ameriques/etats-unis/orlando/">
<div class="imgLittle"...
CSS
.imgLittle {
width: 85px;
height: 85px;
margin: auto;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
li{
float:left;
}
JavaScript
$(document).each('.imgLittle',function(){
$(this).css('background-image').replace(/^(.*?\.jpg).*/, "$1");
})