程序员经验分享-hwhale

使用 jQuery unique 过滤重复的 img src 或删除

2023-12-11

我尝试了此处讨论的不同解决方法，但它们都不适用于我的情况。

这是我的来源：

<div class="colourDots">
   <img src="/out/pictures/generated/product/8/300_450_100/60028.bl.jpg"/><br>
   <img src="/out/pictures/generated/product/8/300_450_100/60028.bl.jpg"/><br>
   <img src="/out/pictures/generated/product/8/300_450_100/60028.bl.jpg"/><br>
   <img src="/out/pictures/generated/product/8/300_450_100/60028.sw.jpg"/><br>
   <img src="/out/pictures/generated/product/8/300_450_100/60028.bl.jpg"/><br>
   <img src="/out/pictures/generated/product/8/300_450_100/60028.bl.jpg"/><br>
   <img src="/out/pictures/generated/product/8/300_450_100/60028.bl.jpg"/><br>

我想只显示上面列表中唯一的“img src”，没有重复的图片......

Script:

var uniqueImg = $(".colourDots img").get();
divs = $.unique(uniqueImg);

我再次得到相同的来源:-(

有什么想法或其他解决方法吗？


尝试这个：

$(function(){
    var srcs = [],
        temp;
    $(".colourDots img").filter(function(){
        temp = $(this).attr("src");
        if($.inArray(temp, srcs) < 0){
            srcs.push(temp);   
            return false;
        }
        return true;
    }).remove();
});

链接在这里http://jsfiddle.net/xCjjp/

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery

image

unique

使用 jQuery unique 过滤重复的 img src 或删除 的相关文章

  • 使用 ImageMagick/convert 创建半透明 PNG

    我有 PNG 文件 我想将整个图像转换为半透明 该图像将在 KML 文件中引用为 Google 地球 地图中使用的图标叠加层 使用 ImageMagick 向我建议了以下示例convert命令 但似乎都不起作用 第一个示例会导致错误 usr

  • jquery 当前可见的第 n 个子级

    我可以像这样设置每 4 个 item div 的样式 jQuery item nth child 4n addClass fourth item 这工作得很好 但后来我隐藏了一些项目 显示了其他一些项目 并想重新做这个样式 但只对每第四个可

  • 如何使用 jQuery 单击特定链接时打开引导导航选项卡的特定选项卡？

    我是 jquery 和 bootstrap 的新手 所以请考虑我的错误 我已经创建了一个用于登录和注册的 bootstrap 模式 它包含两个导航选项卡 称为登录和注册 我有两个按钮可以弹出相同的模态窗口 但在模态窗口内显示不同的选项卡 每

  • 使用jquery调用AS3外部接口

    我正在使用ExternalInterface 调用嵌入在html 页面中的Flash 应用程序 以下代码工作正常 我正在使用按钮进行测试 document ready function button click function var a

  • 如果选中复选框则显示 div

    我正在尝试构建类似 WordPress 选项的东西 用于在创建文章时切换字段可见性 我所构建的依赖于 click函数使用相应的字段名称切换父项 我想知道如果选中该复选框 执行此操作的最佳方法是什么 因为如果您选中一个框并重新加载页面 因为它

  • 意外的令牌：尝试解析 JSON 字符串时

    我正在尝试解析这个 JSON 字符串 RESULTS name Thessaloniki GR type Sailing l sailing weather beach Porto 20Carras 20Marina 45904 name

  • JQuery UI：将长元素放在光标位置而不是元素的中间

    我有一些很长的可拖动元素 可以将它们放入背景表的所有单元格中 当我开始拖动此类元素并将其悬停在可放置容器 表格的单元格 上时 了解元素将被放置到何处的 热点 点是其自身的中间 不幸的是 我的元素的中间通常不可见 并且将元素放在正确的位置是没

  • 如何为 jQuery 插件设置私有变量？

    我想创建一个简单的插件 它使用元素的文本作为默认值 或者您可以在调用插件时设置此值 但是 如果我不设置该值 并为多个元素调用插件 则默认值会成倍增加 function fn reText function options var setti

  • Select2 有 10.000 多个元素时打开速度很慢

    我正在使用 Select2 来填充下拉菜单 Select2如果底层选择有相当数量的项目 则打开下拉菜单时会很慢 我的下拉列表中有超过 10 000 个元素 这是我的代码 ajax url Companies GetCompanies met

  • jQuery ajax 上的 Qunit 单元测试错误

    我已经为 ajax 起诉 Qunit 编写了单元测试 但出现了类似的错误 Error assertion outside test context was success http test loc assets test widget a

  • 仅动态包含 javascript 文件一次

    我正在编写一个 javascript 函数 该函数用于包含外部 JS 文件 但仅一次 我需要这样一个函数的原因是 当通过 AJAX 加载某些内容时会调用它 并且我需要对该内容运行特定于页面的代码 不 只需使用 live不会覆盖它 这是我的尝

  • Jquery，在表中设置td的值？

    我创建动态表 tr and td 标签 td 标签之一获取 id detailInfo 我在某个按钮上有一个 onclick 函数 我想在按下按钮后在 td detailInfo 中设置一些值 那么如何设置 id 为 detailInfo

  • 使用 fancybox 显示内容，就像 Javascript 警报一样

    我尝试在 fancybox 中显示 PHP 文件的内容 但我无法处理它 现在是这样的情况 如果出现文件权限问题 div 网站上显示 我想要的内容来自 div 在花式盒子里 我尝试的所有操作都会收到通知 无法加载请求的内容 请稍后再试 这意味

  • 简单 AJAX Get 请求“待处理”

    我正在尝试实现一个简单的 AJAX GET 请求 该请求告诉服务器删除数据库中的文档 虽然我从服务器得到文档已删除的确认 但 Chrome 检查器显示该请求处于 待处理 状态 最终导致服务器错误 我做错了什么 HTML div class

  • JQGrid - 在编辑表单中显示附加列

    我有一个 JQGrid 表 有 30 多个列 我认为这些列的内联编辑对用户来说并不友好 所以我想在网格模式下显示几列 并仅当用户打开该行的编辑表单时显示所有列 这可能吗 在教程中找不到这个 先感谢您 如果你想show并且不要编辑列 然后使用

  • 如何设置 jQuery DataTables 中特定列的最大宽度

    如何设置一个特定列的最大宽度 所有其他列应自动调整大小 我已经尝试了下面的代码 但它不起作用 因为我认为没有 最大宽度 属性 table dataTable paging false info false searching false c

  • PIL - 需要抖动，但限制调色板会导致问题

    我是 Python 新手 正在尝试使用 PIL 来执行 Arduino 项目所需的解析任务 这个问题涉及到Image convert 方法以及调色板 抖动等选项 我有一些硬件能够一次仅显示 16 种颜色的图像 但它们可以指定为 RGB 三元

  • 当复选框条件更改时，如何使用ajax更新mysql数据库？

    我有一个在客户端按行显示的文章表 每篇文章都有一个唯一的 ID 并包含一个复选框以指示该文章是否被选中为收藏夹 如果它是最喜欢的 则该复选框已被选中 如果没有 则未选中 现在 如果特定于每一行的复选框条件发生变化 我需要 js 或 jque

  • 如何使用 jQuery 或 JavaScript 聚焦 或 标签？

    for var i 0 i

  • 无法使用 HTML 设置未定义 jQuery UI 自动完成的属性“_renderItem”

    我使用以下代码将 jQuery UI 自动完成项呈现为 HTML 这些项目在自动完成控件中正确呈现 但我不断收到此 JavaScript 错误并且无法移动过去 Firefox 无法转换 JavaScript 参数 Chrome 无法设置未定

随机推荐

  • PHP 脚本可以在没有客户端请求的情况下在服务器上定期运行吗？

    我将编写一个脚本来将文本文档解析到 MySQL 数据库中 我将使用单独的实用程序将 PDF 转换为文本 这些 PDF 文件将通过电子邮件附件提交 我想看看是否可以使用 PHP 来做到这一点 因为这是我最熟悉的服务器语言 第二个选择是 Per

  • 直流交叉滤波器不工作

    在这里使用 dc 和 cross filter js 库构建一个 grails 应用程序 但在可视化中遇到了一个极其奇怪的问题 我的可视化是 5 个条形图 它们使用 dc 和 cross filter js 库相互互连 所以 有简单的指标

  • 为什么我的 python 字典变得无序？ [复制]

    这个问题在这里已经有答案了 我正在使用它来绘制多年来以某个字母开头的名称的百分比图 当绘制 和打印 我的词典 letter d 时 键是无序的 而不是像它们添加到词典中那样是连续的 有没有办法解决这个问题 我相信我正在按顺序将它们添加到字典

  • 为什么对 wp_postmeta 的引用这么慢？

    在 WordPress 中获取属性 使用 MySQL 似乎比必要的要慢 这是一个自我回答的问题 所以请继续我的回答 标准架构为wp postmeta提供较差的索引 这会导致性能问题 通过将架构更改为此 大多数对元数据的引用将会更快 CREA

  • Method.invoke 抛出 java.lang.IllegalArgumentException：参数数量错误

    public class ReflectionTest public static void main String args throws IllegalArgumentException IllegalAccessException I

  • 使用方括号 [] 初始化 std::vector ；怎么了？

    关于激发我的问题的背景信息 我了解了 C 中的指定初始值设定项 请参阅here和这里 https gcc gnu org onlinedocs gcc Designated Inits html 这太棒了 并且允许您像这样在 C 中初始化

  • 如何将一个句子分成两部分

    JAVA中如何将一个句子分成两部分 如果有以下情况 String sentence I love Java lt gt I love Python 我怎样才能返回I love Java and I love Python因此分别忽略 lt

  • 使用 SAS 中的数组将宽转为长

    我有一个 SAS 数据集 包含以下变量 ID Var1 0 Var1 3 Var1 6 Var2 0 Var2 3 Var2 6 可以这样读取 Var1 0 是时间 0 时的参数 1 对于每个主题 我有 2 个变量和 3 个时间点 我想使用

  • Excel 宏：浏览 Excel 文件并使用其工作表数据

    我写一个这样的脚本 Sub Button Click objFile Application GetOpenFilename fileFilter All Files choose load path Call main function

  • 使用一个表达式将两个变量分配给相同的值？ [复制]

    这个问题在这里已经有答案了 有没有办法将两个变量分配给相同的值 刚刚尝试过这个 let x y hi 它正在编译为 use strict var x void 0 y hi 对的 这是可能的 let x y x y hi 这称为链接赋值 使

  • EXC_BAD_ACCESS 与 MKPinAnnotationView

    我在 iOS 的 mapView 上显示 MKPinAnnotationView 时遇到问题 我收到此错误 但我不明白错误来自何处 EXC BAD ACCESS 我的代码看起来不错 MKAnnotationView mapView MKMa

  • 如何找到hcaptcha回调函数

    所以我需要帮助在网站上查找 hcaptcha 回调函数 网站上没有提交按钮 所以我假设他们使用 hcaptcha 回调函数 该网站是https discord com register任何帮助将不胜感激 这段代码应该可以帮助你 https

  • 如何在 WAMPServer 中从 Windows 命令行运行 PHP

    我是 php 新手 想从命令行运行 php 我已经安装了 WAMP 并将 系统变量 设置为我的 php 文件夹 即C wamp bin php php5 4 3 当我去Run gt CMD gt 类型php a然后按回车键 它说intera

  • 在 EF Core 2.0 中使用 DataTable 作为表值参数

    更新问题描述 我们有一个批量导入流程 我们正在通过该流程IEnumerable

  • 如何使用像素RGB值0到1在java中编写PNG文件？

    我正在用 java 编写光线追踪器 并试图弄清楚如何将生成的图像写入 PNG 文件 到目前为止 我找到的所有示例都演示了如何使用 BufferedImage 创建 PNG 但它们都使用 RGB 值 0 到 255 在我的代码中 我表示 0

  • 使用 libjpeg 在 C++ 中旋转 JPEG 图像

    我正在尝试根据 EXIF 元数据中存在的 方向 参数 使用 libjpeg v9 在 C 中旋转 JPEG 图像 我能够获取 方向 参数 并在此基础上 我还能够将图像旋转到另一个文件中 以便旋转后的图像对应于 方向 值 1 请参阅我从 jp

  • 将 Google 工作表数据直接导入 R [关闭]

    Closed 这个问题需要多问focused 目前不接受答案 是否可以在没有授权密钥的情况下直接从 Google 文档将表导入到 R 中 我有一个可共享的谷歌表格 我尝试连接到闪亮的应用程序 但找不到合适的方法 随包gsheet您可以从可共

  • 使用“pys-onClick=...”从按钮单击调用 py-script 函数不起作用？

    我对 PyScript 比较陌生 希望在单击按钮时运行一个函数 但是 无论我尝试什么代码 它似乎都不起作用 该按钮是可点击的 但似乎没有执行任何操作 当我手动调用该函数 在 py script 标记内 时 它工作正常 我错过了什么吗 这是我

  • 如何在 Automapper 中注册来自不同程序集的配置文件？

    我有一个包含许多程序集的应用程序 NET Core WebAPI 包含视图模型并使用 DTO 服务 包含 DTO 并使用域实体 在 WebAPI 程序集中 我使用以下行自动注册了自动映射器配置文件 services AddAutoMappe

  • 使用 jQuery unique 过滤重复的 img src 或删除

    我尝试了此处讨论的不同解决方法 但它们都不适用于我的情况 这是我的来源 div class colourDots img src out pictures generated product 8 300 450 100 60028 bl j

热门标签