在jQuery中更改链接数组的文本

Change Text of Array Of links in jQuery

本文关键字:数组 文本 链接 jQuery      更新时间:2023-09-26

在我学校的网站上,他们在主页上有一个下拉列表,列出了你目前注册的课程。然而,如果你看到它,它是杂乱的字母,许多人可能不想看到。

我已经知道该怎么做了。我将使用jQuery来选择每个列表项:

var links = $(".d2l-datalist li .d2l-course-selector-item .d2l-left .vui-link");

返回一个文本形式的<a>元素数组。

使用links.text("Boo!");,我可以将所有它们的文本设置为"Boo!",但我想单独更改每个,使用for/in循环遍历每个<a>并根据href的值更改文本。

然而,无论何时我这样做,因为数组中的项是字符串,我不能用jQuery对它们做任何事情。

任何帮助都很感激:)

这是我的代码到目前为止(从$.getScript()从JS书签运行):

var links = $(".d2l-datalist li .d2l-course-selector-item .d2l-left .vui-link");
//links.text("Boo!");
var count = 1;
for (var link in links) {
    link.text("Boo #" + count);
    count += 1;
}

相关标记:http://hastebin.com/ulijefiqaz.scala

可以使用jQuery .each 迭代器函数

var links = $(".d2l-datalist li .d2l-course-selector-item .d2l-left .vui-link");
var count = 1;
links.each(function() {
    $(this).text("Boo #" + count++);
});