JSFiddle - React, Tailwind, and code Playground

HTML

<div id="my_list">
  <div class="my_class">
    <div>
      <p> <strong>-1</strong></p>
      <p class="condition ok"></p>
    </div>
  </div>
  <div class="my_class">
      <div>
        <p> <strong>-2</strong></p>
        <p class="condition ok"></p>
      </div>
  </div>
  <div class="my_class">
     <div>
       <p> <strong>525</strong></p>
       <p class="condition"></p>
     </div>
  </div>
  <div class="my_class">
     <div>
       <p> <strong>-8</strong></p>
       <p class="condition ok"></p>
     </div>
  </div>

JavaScript

var max;

$("strong").each(function(){
    if($(this).parent().next("p").is('.condition.ok')){
        if(max === undefined)
            max = $(this).text();
        else
          max = Math.max(max, $(this).text());}
});

alert(max);