<div class="section">
<div class="box" data-number="100x100">
1
</div>
<div class="box" data-number="110x100">
2
</div>
<div class="box" data-number="120x100">
3
</div>
<div class="box" data-number="130x100">
4
</div>
<div class="box" data-number="133x100">
5
</div>
<div class="box" data-number="140x100">
6
</div>
</div>
.section {
display: flex;
}
.box {
margin: 0 15px;
padding: 10px;
border: 1px solid black;
border-radius: 3px;
cursor: pointer;
}
$('.box').on('click', function () {
var num = $(this).data('number');
console.log(num);
var temp = num.split("x");
var one = temp[0];
var two = temp[1];
console.log(one);
if (one >= 130) {
alert('ok!')
}
});
This Pen doesn't use any external CSS resources.