There is such a dynamic html code. data id is constantly changing. We need to find the maximum number of data-id. In this code it is 12.

<div class="mes-cont" id="chat-window"> <div class="frt " id="pm1" data-id="1"> <p>ytut</p> </div> <div class="frt " id="pm9" data-id="9"> <p>ytut</p> </div> <div class="frt " id="pm10" data-id="10"> <p>kjjj</p> </div> <div id="new_id"></div> <div class="frt " id="pm11" data-id="11"> <p>kjjj</p> </div> <div class="frt " id="pm12" data-id="12"> <p>kjjj</p> </div> </div>

    2 answers 2

    Like this :

     var max = 0 , id; $(".frt").each(function(){ id = $(this).data('id'); max = (max < id) ?id:max; }) console.log(max) 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="mes-cont" id="chat-window"> <div class="frt " id="pm1" data-id="1"> <p>ytut</p> </div> <div class="frt " id="pm9" data-id="9"> <p>ytut</p> </div> <div class="frt " id="pm12" data-id="25"> <p>kjjj</p> </div> <div class="frt " id="pm10" data-id="10"> <p>kjjj</p> </div> <div id="new_id"></div> <div class="frt " id="pm11" data-id="11"> <p>kjjj</p> </div> <div class="frt " id="pm12" data-id="12"> <p>kjjj</p> </div> </div>

      There is another option:

       var id = Math.max.apply(null, $(".frt").map(function(i, el) { return parseInt($(el).attr("data-id")); }).get()) 

       var id = Math.max.apply(null, $(".frt").map(function(i, el) { return parseInt($(el).attr("data-id")); }).get()) console.log(id) 
       <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="mes-cont" id="chat-window"> <div class="frt " id="pm1" data-id="1"> <p>ytut</p> </div> <div class="frt " id="pm9" data-id="9"> <p>ytut</p> </div> <div class="frt " id="pm12" data-id="25"> <p>kjjj</p> </div> <div class="frt " id="pm10" data-id="10"> <p>kjjj</p> </div> <div id="new_id"></div> <div class="frt " id="pm11" data-id="11"> <p>kjjj</p> </div> <div class="frt " id="pm12" data-id="12"> <p>kjjj</p> </div> </div>

      • thanks, works ... - skillful