Как выбрать все id внутри класса jspane?

Question

[Сергей Титов]

<div class='jsPane'>
<div id="1" class="chat"></div>
<div id="2" class="chat"></div>
<div id="3" class="chat"></div>
<div id="4" class="chat"></div>
</div>

Вот собственно код, мне нужно, чтобы при одинаковых id он сносил (можно через remove() ) последний одинаковый, например:

<div id="4" class="chat">text1</div>
<div id="4" class="chat">text2</div>

И чтобы из этого осталось только:
<div id="4" class="chat">text1</div>

Как провернуть сей чудо?

Answer 1

[Никита К.]

Вот так например
https://jsfiddle.net/sqtd1qg4/1/

Comments

[Сергей Титов]

извиняюсь, что забыл пометить ваш ответ решением, спасибо большое :)

Answer 2

[kiberlain]

может так?
if($('#id4').length > 1){
$('#id4').eq(1).remove()
}

Comments

[Роман]

быдлокод. А если повторяется не 4-й а 3-й айдишник?

Answer 3

[Keyten]

Одинаковые id - нехорошая идея, id задуманы оригинальными идентификаторами.
Возможно некорректное / неожиданное поведение.

Но вообще говоря, пара вариантов есть, например:

var classes = {};
$('.jspane *[id]').each(function(){
 if(classes[this.id])
  return $(this).remove();
 classes[this.id] = true;
});

Можно использовать не *[id], а .chat[id].