首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >使用Jquery通过数组中的值为元素建立索引并将属性应用于元素

使用Jquery通过数组中的值为元素建立索引并将属性应用于元素
EN

Stack Overflow用户
提问于 2012-06-26 13:04:00
回答 3查看 62关注 0票数 1

我想添加一个与数组匹配的元素的rel属性,例如,数组是:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var targetVal = ['1','2','4'];

和5个具有相同类的元素:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<a class="link" href="1.html">
<a class="link" href="2.html">
<a class="link" href="3.html">
<a class="link" href="4.html">
<a class="link" href="5.html">

我想以具有rel属性的第二、第三和第五行为目标。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 $(".link").each(function(index) {
       $(this).attr("rel", "group");
    });

如何才能使上面的脚本基于数组进行索引?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-06-26 13:09:48

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var targetVal = ['1','2','4'];

$.each(targetVal, function(index, val) {
       console.log(val);
       $('.link').eq(val).attr("rel", "group");
});

jsFiddle示例http://jsfiddle.net/roXon/T7zR8/

票数 1
EN

Stack Overflow用户

发布于 2012-06-26 13:07:38

您可以使用$.each()遍历数组,使用eq()获取特定索引处的链接:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var $links = $(".link");
$.each(targetVal, function(value) {
    $links.eq(value).attr("rel", "group");
});
票数 1
EN

Stack Overflow用户

发布于 2012-06-26 13:22:10

这样会更好,只评估一次链接集,然后直接访问该列表,而不是使用.eq()

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var targetVal = [1, 2, 4];
var links = $('.link');
$.each(targetVal, function(i, n) {
    links[n].setAttribute('rel', 'group');
});

或者,在较新的浏览器上,不使用jQuery:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var targetVal = [1, 2, 4];
var links = document.querySelectorAll('.link');
while (targetVal.length) {
    links[targetVal.pop()].setAttribute('rel', 'group');
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11207920

复制
相关文章
vs code必备插件_手机flash player插件
我以前使用 Live Server 都是 n p m(Node 包管理器) 下载的,而且使用的时候需要在控制台手动敲启动代码。还好 VSCode 有了相应的插件,现在只需要鼠标点几下就行了。
全栈程序员站长
2022/11/08
2K0
vs code必备插件_手机flash player插件
python flask flash消息
具体请查看: http://docs.jinkan.org/docs/flask/patterns/flashing.html
py3study
2020/01/06
8970
python: "" vs None,is vs ==
当一个字符串被赋值为空字符串,即"",它是一个有效的字符串对象,只是其中没有任何字符。空字符串的布尔值是False。
运维开发王义杰
2023/09/09
2340
python: "" vs None,is vs ==
三款RTMP推流模块比较:OBS VS SmartPublisher VS Flash Media Live Encoder
功能强大,几乎所有你想要的场景它都有,用起来很顺手。可以将桌面、摄像头、程序窗口通过rtmp推送到流媒体服务器上。
音视频牛哥
2021/03/25
2K0
NAND FLASH_Flash下载
本文介绍了DM368 NAND Flash启动的原理,并且以DM368 IPNC参考设计软件为例,介绍软件是如何配合硬件实现启动的。
全栈程序员站长
2022/09/21
2.7K0
NAND FLASH_Flash下载
Java vs Python
Java and Python are two of the best programming languages in the market right now on account of their flexibility, productivity, and robotization abilities. The two languages remain imperfect, however, the fundamental contrast is that Java is statically composed and Python is progressively composed.
用户4822892
2020/02/19
5820
Java vs Python
R vs. Python vs. Julia
如果你是一名数据科学家,你很有可能使用Python或R编程。但是有一个叫Julia的新成员承诺在不影响数据科学家编写代码和与数据交互的情况下拥有c一样的性能。
deephub
2021/03/25
2.4K0
R vs. Python vs. Julia
Python on VS Code
install python extension Press F1, and input "ext install python". Then the icon at the leftmost side of the status bar is saying that something is being installed. Need to wait a while. Use command "ext" + a space to see installed extensions. use markdown
绿巨人
2018/05/16
1.2K0
flash bootstrap下拉列表(flash 67)
<div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Change Theme </button> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> {% for theme_name, display_name in config.FLASHBLOG_THEMES.items() %} <a class="dropdown-item" href="{{ url_for('blog.change_theme', theme_name=theme_name, next=request.full_path) }}"> {{ display_name }}</a> {% endfor %} </div> </div>
用户5760343
2019/08/20
6.7K0
使用 Python+Selenium制作Flash游戏辅助
知道 Selenium 用来测试或爬取动态内容,还真没想过用来做游戏外挂 作者:sincerefly 来源:https://blog.yasking.org/a/selenium-whereismouse.html 之前玩过一款游戏鼠标在哪里,如果说吸引人的地方莫过于在Linux下,这个游戏有BUG,于是,印象中我当时玩了一个多小时。 偶然想起这款游戏,又去玩了一会,突然想到最近用的selenium driver似乎可以自动化完成这个事情,想来应该可行 思考了一下,用selenium自动登录倒是很好
企鹅号小编
2018/03/02
4.1K0
使用 Python+Selenium制作Flash游戏辅助
NAND FLASH 和NOR FLASH的区别
Intel于1988年首先开发出NOR flash技术,彻底改变了原先由EPROM和EEPROM一统天下的局面。紧接着,1989年,东芝公司发表了NAND flash结构,强调降低每比特的成本,更高的性能,并且象磁盘一样可以通过接口轻松升级。
杨源鑫
2019/07/04
2.9K0
esproc vs python 5
题目介绍:loan 表存储着贷款信息,包括贷款 ID,贷款总额、按月分期数、年利率。数据如下:
py3study
2020/01/15
2.2K0
python进程vs线程
线程切换是有代价的,多任务一旦多到一个限度,就会消耗掉系统所有的资源,结果效率急剧下降,所有任务都做不好
测试加
2022/04/27
3980
esproc vs python 4
A3:用ORDERDATE的年份和月份分组,并将该列命名为y,m,同时计算该组的销售量
py3study
2020/01/14
1.9K0
flash钓鱼
发现一个好玩的github项目,正好,最近手机上老是收到莫名的诈骗短信,我决定钓一波。
Khan安全团队
2021/08/26
3.5K0
flash钓鱼
flash直播
本文介绍了一种基于Flash的直播方案,通过NetConnection、NetStream和Video三个类实现,具有延迟低、首帧快等优点。同时,该方案还支持多种数据上行方式,如appendbytes、rtmp/amf、rtmfp等,可以实现快速、稳定、低延迟的直播需求。
IMWeb前端团队
2018/01/08
1.5K0
chrom浏览器flash_flash插件
Flash插件一款安装于浏览器插件,即Adobe FlashPlayer Plugin,使浏览器得以播放swf文件。通过Flash插件最新版下载可以提升浏览器、视频播放软件对于动画文件的最大兼容性。Adobe Flash Player是一种广泛使用、专有的多媒体播放器,Adobe Flash Player 最初设计目的为播放2维向量动量,但至此之后成为适合开发创造丰富型互联网应用程序、流视频音频的工具。Flash Player使用向量图形的技术来最小化文件的大小以及创造节省网络带宽和下载时间的文件,因此Flash 成为嵌入网页中的小游戏、动画以及图形用户界面常用的格式。随着网络速度与品质的提升,越来越多的网站开始使用Flash来表达网站的内容,以Flash强大的动画与向量画效果来弥补一般动画与HTML指令的不足。紧接着宽频网络网络即将进入我们的生活,相信Flash将会变得更普及。
全栈程序员站长
2022/09/02
2.8K0
flash的代码大全_flash脚本语言
外部调用swf on (release) { loadMovieNum(“service.swf”, 1); } 外部调用数据 loadVariablesNum(“about.txt”, 0); System.useCodepage = true;//中文 音乐加入 mySound = new Sound(); mySound.attachSound(“1”); mySound.start(); 关闭指定音乐 mySound.stop(“1”); 外部调用音乐 mySound=new Sound(); mySound.loadSound(“music.mp3”,true); mySound.start(0,100) 关闭音乐 mySound.stop(); 链接场景: on (release) { gotoAndStop(“猫的历史”,1); } 清空文本框 _root.text=”” On(Release)   Set Variable:”input” = “”   Set Variable:”output” = “”   End On
全栈程序员站长
2022/09/20
5.1K0
flash的基本操作_flash初级教程
前言: 由于公司业务要求,我因为小学(还是初中)的时候学过一点点flash,就被赶鸭子上架的开始做起动画来了。。很多操作还是非常不熟练,也不明白工具是干什么用的,但是勉强还是可以做出来一点,下面是一个初学者常用的基础操作,肯定是不全,就当是自己的一个学习记录 使用的软件是:animate 一 基本的概念 1 图层 一个flash动画里面,是包含很多图层的。上面的图层(内容)覆盖下面的图层(内容),一层一层叠加起来后,就是展示的动画了。如下所示
全栈程序员站长
2022/11/08
5.1K0
flash的基本操作_flash初级教程
flash直播
接触了一段时间的flash直播,无论是腾讯课堂‘数据生成模式’实现的直播还是第三方直播任务tcplayer通过拉流地址实现的直播,都存在一定的延时和首帧慢的情况。为了能更好的做好音视频监控和问题定位,便想自己实现一套flash直播简单的demo,在通过改变上行的带宽,码率,帧率,gop大小等信息来观察延时和首帧的情况。
IMWeb前端团队
2019/12/05
9660

相似问题

我想查询阅读学生的科目成绩打分。

24

我如何在FB / Gmail /等上发布分数?

15

把我的游戏成绩上传到facebook上

10

很难把我的项目推到GitHub上

12

我需要创建一个程序,在PYTHON中,采取考试成绩的平均值,并确定他们的字母评分

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文