<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!')
  }
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js