JSFiddle - React, Tailwind, and code Playground

by shapeshifta

HTML

<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
<div class="bigthing"></div>

CSS

div {height: 60px; background:red; margin-bottom:10px}
.small{width:600px}
.bigthing{width:1000px}

JavaScript

$.extend($.expr[':'], {
    'verywide': function(e) {
        return $(e).width() > 900;
    }
});

$('div:verywide').click(function() {
    alert('sehr groß! ' + $(this).width() + 'px');
});