Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Найти максимальное и минимальное значение в элементах DOM (https://javascript.ru/forum/events/69668-najjti-maksimalnoe-i-minimalnoe-znachenie-v-ehlementakh-dom.html)

рони 11.07.2017 03:05

Цитата:

Сообщение от j0hnik
но все вопрос открыт

???

j0hnik 11.07.2017 03:07

Цитата:

Сообщение от рони (Сообщение 458149)
можно сделать свой селектор, есть примеры на форуме

в общем игра не стоит свеч, я правильно понял?

j0hnik 11.07.2017 03:07

Цитата:

Сообщение от рони (Сообщение 458150)
???

да это я про селектор.

рони 11.07.2017 03:11

j0hnik,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     $(function(){
jQuery.expr[":"].contains = function( elem, i, match, array ) {
    return (elem.textContent || elem.innerText || jQuery.text( elem ) || "") == match[3];
}
$('category:contains(1)').css({"font-size": "50px"})
});


  </script>
</head>

<body>
<category>11</category>
<category>1</category>
<category>21</category>
</body>

</html>

j0hnik 11.07.2017 03:27

рони,
прикольно, а регуляку в :contains родной джикверивский никак? типа \D3\D

и зачем в примере
var span = $(this).nextUntil('.filter').get().
ведь оно и так неплохо работает?
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .max {
    background-color: hsla(300, 100%, 50%, 1);
  }
  .min{
    background-color: hsla(210, 100%, 56%, 1);
  }
  .min.max{
    background-color: hsla(90, 100%, 49%, 1);
  }

  </style>
</head>

<body>
<div class="container--filter">
  <span class="filter">Высота подачи:</span>
  <span class="number_filter" data-for="Высота подачи">10</span>
  <span class="number_filter" data-for="Высота подачи">11</span>
  <span class="number_filter" data-for="Высота подачи">15</span>

  <span class="filter">Гарантия:</span>
  <span class="number_filter" data-for="Гарантия">3</span>

  <span class="filter">Мощность:</span>
  <span class="number_filter" data-for="Мощность">120</span>
  <span class="number_filter" data-for="Мощность">370</span>
  <span class="number_filter" data-for="Мощность">90</span>

  <span class="filter">Производительность:</span>
  <span class="number_filter" data-for="Производительность">18</span>
  <span class="number_filter" data-for="Производительность">21</span>
  <span class="number_filter" data-for="Производительность">24</span>
</div>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
  $('.filter').each(function(){
    var span = $(this).nextUntil('.filter');
    span.sort((a, b)=> a.textContent - b.textContent);
    span.first().addClass("min");
    span.last().addClass("max");
  });
  </script>

</body>
</html>

smart-create 11.07.2017 08:33

Не дурно я ночной чатик забацал)) Спасибо большое за помощь:)

рони 11.07.2017 11:20

Цитата:

Сообщение от j0hnik
ведь оно и так неплохо работает?

ранее без get не работал sort.
Цитата:

Сообщение от j0hnik
а регуляку

не исключаю, что можно, но думаю проще создать свой селектор.

j0hnik 11.07.2017 13:36

Цитата:

Сообщение от рони (Сообщение 458161)
ранее без get не работал sort.

не исключаю, что можно, но думаю проще создать свой селектор.

Рони, спасибо вам за разъяснения :)


Часовой пояс GMT +3, время: 11:48.