JQuery удалить дубликаты li
<ul id="myid">
<li>microsoft</li>
<li>microsoft</li>
<li>apple</li>
<li>apple</li>
</ul>
Я хочу удалить дубликаты изli с помощью jquery.
Как я могу это сделать?
Они всегда рядом друг с другом, упорядочены ли эти строки?
Ответы на вопрос(5)
но у меня проблемы с совместимостью с IE6 (мне все еще нужно поддерживать этого динозавра).
Если элемент повторяется, удалите его с ул. Работает с динамическим добавлением li.
var seen = {};
$("ul#emails_exclusion_list").find("li").each(function(index, html_obj) {
txt = $(this).text().toLowerCase();
if(seen[txt]) {
$(this).remove();
} else {
seen[txt] = true;
}
});
uniqueLi = {};
$("#myid li").each(function () {
var thisVal = $(this).text();
if ( !(thisVal in uniqueLi) ) {
uniqueLi[thisVal] = "";
} else {
$(this).remove();
}
})
Это построить индекс (объект) уникальных значений. Для вашего примераuniqueLi будет выглядеть так потом:
{
"microsoft": "",
"apple": ""
}
Таким образом, всякий раз, когда встречается значение, которое было добавлено в индекс раньше, связанный<li> удаляется.
Решение Вопроса
пример Я считаю, что скрипт быстрее
', liList = $('#myid li'), listForRemove = [];
$(liList).each(function () {
var text = $(this).text();
if (liText.indexOf('|'+ text + '|') == -1)
liText += '|'+ text + '|';
else
listForRemove.push($(this));
});
$(listForRemove).each(function () { $(this).remove(); });
Не могли бы вы привести пример с тем, что вы делаете, или другой вопрос с проблемой?
Спасибо andres descalzo, Как мы можем сделать это с данными "LIVE" ??
function removeDuplicateItems(id) {
var ul = $('#' + id);
$('li', ul).each(function() {
if($('li:contains("' + $(this).text() + '")', ul).length > 1)
$(this).remove();
});
}
Позвонить сremoveDuplicateItems('myid');
Не уверен, что вы подразумеваете под «Live», Дейв, - если вы имеете в виду, что вы добавляете больше элементов в список на стороне клиента и хотите также их дедуплицировать, просто вызывайте эту функцию каждый раз, когда добавляете новые элементы. В противном случае, пожалуйста, дайте немного больше объяснений (или задайте новый вопрос).
Я понимаю, почему ты так говоришь, но на самом деле это не так - что-то
contains селектор или.text() функция, я не могу понять, какой из источника jQuery) автоматически экранирует кавычки. Взглянуть:jsfiddle.net/kXurkЭто не удастся, если текст элемента содержит одну кавычку. ;-)
Привет Марк, спасибо за код. но как мы можем сделать это "Live"?