jquery - 用于删除重复列表项的更快的 jQuery 代码

标签 jquery html

我有以下用于删除重复列表项的 jQuery 代码。有更好/更快的方法吗? http://jsfiddle.net/Lijo/Hb28u/16/

HTML

   <div style="width: 100px">
        <ul>
            <li style="background-color: Red">A</li>
            <li style="background-color: Red">B</li>
            <li style="background-color: Orange">B</li>
            <li style="background-color: Red">C</li>
            <li style="background-color: Orange">C</li>
            <li style="background-color: Yellow">C</li>
            <li style="background-color: Red">D</li>
        </ul>
    </div>
    <input id="Submit1" type="submit" value="submit" class="submitButton" />

jQuery

        $('.submitButton').click(function (e) {
            alert('Begin');
            var previousVal = 'Initial';

            $('ul li').each(function (i, item) {
                var currentVal = $(item).text();
                if (currentVal == previousVal) {
                    $(item).remove();
                }
                previousVal = currentVal;
            });

            alert('End');
            return false;
        }
        );

最佳答案

我会这样做,但还没有测试它是否更快,两者对我来说似乎都很快。

 var seen = {};
$('ul li').each(function() {
    var txt = $(this).text();
    if (seen[txt])
        $(this).remove();
    else
        seen[txt] = true;
});
    return false;
}
);

这是我的解决方案的一个摆弄,它告诉您执行所需的时间。 http://jsfiddle.net/54cdR/

关于jquery - 用于删除重复列表项的更快的 jQuery 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14940237/

相关文章:

jquery - 如何在prestashop 1.5中为模块添加JS?

html - 表格行和单元格损坏

javascript - 用ajax检查下载时间?

javascript - php 喜欢和不喜欢并不是在每个帖子上都起作用

javascript - 一次单击切换 2 个 div

php - 使用 jQuery Ajax 和 PHP 更新 SQL 数据库

jquery - 不确定这个 jQuery 函数是如何工作的

javascript - 从 HTML 输入标签获取图像的 URL

javascript - 如何在手动修改内容后将内容附加到文本区域

jquery - .append 不添加 .item 到 .list