Найти элемент на странице jquery

290

10 декабря 2016, 10:35

Есть элементы с pm и дальше цифры:

<div class="" id=""> 
  <div class="mes " id="pm2509"> 
    text 
  </div> 
  <div class="mes " id="pm2511"> 
    text 
  </div> 
  <div class="mes " id="pm2513"> 
    text 
  </div> 
  <div class="mes " id="pm2515"> 
    text 
  </div> 
  <div id="new"></div> 
</div>

Нужно с помощью jquery найти максимальный #pm, обязательно DOM. Спасибо.

Answer 1

Я бы предложил исправить код на подобный

<div class="" id="">
  <div class="mes " id="pm2509" data-id="2509">
    text
  </div>
  <div class="mes " id="pm2511" data-id="2511">
    text
  </div>
  <div class="mes " id="pm2513" data-id="2513">
    text
  </div>
  <div class="mes " id="pm2515" data-id="2515">
    text
  </div>
  <div id="new"></div>
</div>

и потом в js

var $max = null;
$('.mes').each(function(){
    if(!$max || $max.data('id') < $(this).data('id')){
        $max = $(this);
    } 
});
//здесь в $max искомый элемент

ну или если вы не намерены менять html, то

var $max = null;
$('.mes').each(function(){
    $(this).data('id', $(this).attr('id').replace('pm',''));
    if(!$max || $max.data('id') < $(this).data('id')){
        $max = $(this);
    } 
});
//здесь в $max искомый элемент