Как удалить дубликаты div

@Tvis · Регистрация: 30.09.2015

Author24 — интернет-сервис помощи студентам

Есть список див:

HTML5

<div id="num1" class="comment-item">
<div id="comentariy1" urlcanal="/channel/111111" canalname="LazyKenon">Сальвадор Панчес  БЭКНУЛ !!!</div>
</div>
<div id="num2" class="comment-item">
<div id="comentariy2" urlcanal="/channel/222222" canalname="Бебитайм">Круто</div>
</div>
<div id="num3" class="comment-item">
<div id="comentariy3" urlcanal="/channel/333333" canalname="хелуин">плохо</div>
</div>
<div id="num4" class="comment-item">
<div id="comentariy4" urlcanal="/channel/222222" canalname="Бебитайм">найс</div>
</div>
<div id="num5" class="comment-item">
<div id="comentariy5" urlcanal="/channel/555555" canalname="норм">нарм</div>
</div>

Надо удалить повторы по urlcanal или же по canalname
Т.е. удалить id="num4" (и далее если таковые будут встречатся) или изменить содержание... из-за того что этот urlcanal или canalname уже присутствовал ранее..
Желательно просто изменить содержание допустим "Ошибка это уже было"
Заранее спасибо...

@Padonak · 24.03.2016, 17:12

HTML5

<!doctype html>
<html>
<head>
<title>XYZ</title>
<meta charset="utf-8" />
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(document).ready(function(){
var i=1,
    comments={};
while($('#comentariy'+i).attr('urlcanal')!=undefined){
if(!comments[$('#comentariy'+i).attr('urlcanal')]){
comments[$('#comentariy'+i).attr('urlcanal')]=$('#comentariy'+i).attr('canalname');
}
else{
/*
для примера выделяем красным цветом, 
вы можете удалять, скрывать, что-то делать еще
*/
$('#comentariy'+i).parent().css('color','red');
}
i++;
}
});
</script>
</head>
<body>
<center>
<div id="num1" class="comment-item">
<div id="comentariy1" urlcanal="/channel/111111" canalname="LazyKenon">Сальвадор Панчес  БЭКНУЛ !!!</div>
</div>
<div id="num2" class="comment-item">
<div id="comentariy2" urlcanal="/channel/222222" canalname="Бебитайм">Круто</div>
</div>
<div id="num3" class="comment-item">
<div id="comentariy3" urlcanal="/channel/333333" canalname="хелуин">плохо</div>
</div>
<div id="num4" class="comment-item">
<div id="comentariy4" urlcanal="/channel/222222" canalname="Бебитайм">найс</div>
</div>
<div id="num5" class="comment-item">
<div id="comentariy5" urlcanal="/channel/555555" canalname="норм">нарм</div>
</div>
 
<div id="num6" class="comment-item">
<div id="comentariy6" urlcanal="/channel/111111" canalname="LazyKenon">Сальвадор Панчес  БЭКНУЛ !!!</div>
</div>
<div id="num7" class="comment-item">
<div id="comentariy7" urlcanal="/channel/222222" canalname="Бебитайм">Круто</div>
</div>
<div id="num8" class="comment-item">
<div id="comentariy8" urlcanal="/channel/333333" canalname="хелуин">плохо</div>
</div>
<div id="num9" class="comment-item">
<div id="comentariy9" urlcanal="/channel/222222" canalname="Бебитайм">найс</div>
</div>
<div id="num10" class="comment-item">
<div id="comentariy10" urlcanal="/channel/555555" canalname="норм">нарм</div>
</div>
</center>
</body>
</html>

@Tvis · 24.03.2016, 17:19 **[ТС]**

круто)
а можете распинать код что бы я в дальнешьйшем понимал.. а что то понять не могу)

@Padonak · 24.03.2016, 17:52

Я не очень хорошо объясняю, т.к. я не программист, но, думаю, разберетесь:

HTML5

<script>
$(document).ready(function(){
var i=1, /* счетчик */
    comments={};/* создаем пустой объект comments */
 
    /* т.к. у нас в каждом комменте есть атрибут urlcanal,
    то мы можем остановить цикл while когда данный атрибут очередного
    элемента с id равным 'comentariy'+i будет undefined, то есть, 
    элемента с id равным 'comentariy'+i уже не будет в документе
    */
 
while($('#comentariy'+i).attr('urlcanal')!=undefined){
 
/* структура объекта comments выглядит примерно так:
comments={
'/channel/111111':'LazyKenon',
'/channel/222222':'Бебитайм',
и т.д.
}
 
таких пар у нас будет столько, сколько встретится уникальных значений 
$('#comentariy'+i).attr('urlcanal'), которые у нас используются в качестве ключа
 */
 
if(!comments[$('#comentariy'+i).attr('urlcanal')]){
 
/*
стало быть, если не существует значения по ключу 
$('#comentariy'+i).attr('urlcanal'),
то записываем в объект новую пару ключ:значение (urlcanal:canalname)
*/
 
comments[$('#comentariy'+i).attr('urlcanal')]=$('#comentariy'+i).attr('canalname');
}
else{
/*
если проверка показала, что значение данному ключу уже есть,
то выполняем нужные нам действия
 
для примера выделяем красным цветом, вы можете удалять или скрывать
*/
$('#comentariy'+i).parent().css('color','red');
}
 
/* не забываем увеличить значение счетчика для следующей итерации */
 
i++;
}
});

@Tvis 6 / 6 / 1 Регистрация: 30.09.2015 Сообщений: 140
	24.03.2016, 17:19 [ТС]	3
	круто) а можете распинать код что бы я в дальнешьйшем понимал.. а что то понять не могу) 0

	24.03.2016, 17:52