jquery - 更改类或背景时循环锚标记以供稍后调用

Question

我无法让我的锚表现得像我想要的那样。我想要做的是获取我创建的变量：`

                         var color = $('a').text();`

“颜色”正在我的锚点中获取文本（只是蓝色、绿色、银色、白色、黑色等颜色）并返回，以便我稍后可以在我的代码中使用它们。

最终发生的事情是，当我使用 webdeveloper 时，我看到的代码好像都是一个词。所以如果我想为每个人开设一个班级，班级最终看起来像这样：

body class="blackwhiteredbluegreenyellowpurplebrownorangepink"

当我希望它是单独的身体类时，例如 body class="black" 然后我可以单击白色锚点以再次将身体类更改为"body class="white"

我尝试放入另一个变量并添加一个 count++ 以及一个 jquery for 循环，但我没有成功让它工作。

如果我手动编写每种情况的代码，我的代码就可以工作，但这是很多工作并且无法弄清楚速记版本

score 0 · Accepted Answer

您的页面上有多个 a-tag，因此您必须逐个遍历它们... jquery 将文本连接起来，这就是为什么您有一个长字符串的原因。

$('a').each(function (){
    alert($(this).text());
});

score 0 · Accepted Answer

或者您可以使用：

var colors = [];
$('a').text(function(index,value){
    colors.push(value);
});

score 0 · Accepted Answer

jquery 选择器返回一个作为锚链接的元素数组，因此您正在检索页面上的所有锚链接，并且它正在连接文本。

您可以创建一个颜色数组并像这样填充它：

<a>black</a>
<a>green</a>
<a>red</a>
<a>blue</a>

var colors = [];
$('a').each(function(){
    colors.push($(this).text());    
});

3 回答 3