JSFiddle - React, Tailwind, and code Playground

by Dwza

HTML

<div class="custom_span">
    Div hat die Standardbreite weil kein Wert ĂĽbergeben wurde.
</div>
<div class="custom_span-550">
    Div ist X px breit
</div>
<div class="custom_span-500">
    Div ist X px breit
</div>
<div class="custom_span-300">
    Div ist X px breit
</div>

CSS

div[class^="custom_span"] {
    background: red;
}

JavaScript

var classList = $('div[class^="custom_span-"]');
$.each(classList, function(index, item) {
		var px = $(item).attr('class').split('-')[1];
    $(item, this).css("width", px + "px").html("Div ist " + px + "px breit");
});