Получить максимальное значение атрибута?

Question

[Артур Кох]

Дана следующая структура DOM:

<div class="tags">
<span id="tag_4" class="tag">tagname</span>
<span id="tag_1" class="tag">tagname</span>
<span id="tag_6" class="tag">tagname</span>
<span id="tag_3" class="tag">tagname</span>
<span id="tag_15" class="tag">tagname</span>
<span id="tag_8" class="tag">tagname</span>
</div>

Задача:


Получить максимальное значение id+1(в данном случае должно получиться 16, но порядок и фрагментация могут быть случайными).


Если в <div class="tags"> элементов не найдено, получить единицу.

Comments

[Артур Кох]

Используя нативный JS.

Answer 1

[Андрей Буров]

tags=document.getElementsByClassName('tags');
for (x in tags){
  for (y in tags[x].childNodes){
    tags[x].childNodes[y].id.... ну а дальше разберетесь
  }
}

или Вам нужен весь код?

Comments

[Артур Кох]

спасибо, исчерпывающе!

Answer 2

[Nesvet]

Вы используете jQuery?
Если да, то:
var maxid = 1;
$(".tags").children().each(function () {
maxid = Math.max(maxid, parseInt($(this).attr("id").replace(/[^\d]/g, ""))+1)
});


Comments

[Артур Кох]

Тег javascript :) Нативный js.

Answer 3

[spmbt]

tags = document.querySelectorAll('span[id^=tag]');
var n =1;
for(var i in tags){
	var n2 = Number(tags[i].id.replace(\tag_/,'') );
	if(n2) > n)
		n = n2;
}

Comments

[spmbt]

совсем правильно — var n =0;, а в конце всего — n++;.

[Артур Кох]

Как раз так и сделал. За образец взял решение выше и не использовал 2 цикла за ненадобностью.

Answer 4

[serjoga]

почему бы не использовать Math.max?

var a = [2,3,1,10,25,2,4,7], maxValue = Math.max.apply(Math, a);

alert(maxValue)

P.S.: понятно что прежде нужно взять все нужные шники и привести их числовому типу, что-то вроде

var oneElementOfArray = Numbser(span.id.substr(4)) || 0

Comments

[serjoga]

Извиняюсь опечатался, шники = id-шники

[Артур Кох]

Так а в принципе все равно надо циклом пробегать по айдишникам. Так что особой разницы вроде бы как и нет. В том же цикле и делаем сравнение.

[serjoga]

по идеи Math.max должен быстрее работать чем if в цикле

Answer 5

[MT]

Если атрибут id используется только для хранения числового идентификатора, то целесообразнее использовать HTML5-атрибуты с префиксом data-, предназначенные для хранения произвольных неотображаемых данных:

<ul class="tags">
	<li data-id="1">firefox</li>
	<li data-id="2">webkit</li>
</ul>

Comments

[Артур Кох]

не разбирался еще этом атрибуте. а как быть если на странице использую:

node_1
tag_1
someelement_1

[Артур Кох]

То есть как я буду использовать селекторы для разношерстных айдишников?

[MT]

Поэтому я и написал: «Если атрибут id используется только для хранения числового идентификатора».
Кстати, не вполне ясно, зачем может потребоваться помечать идентификатором (атрибутом id) каждую метку («тег»). Что-то здесь, возможно, принципиально ошибочно.

[Артур Кох]

Например затем, чтобы удалять тег на стороне клиента.