循环锚标记在更改类或背景时稍后调用

时间:2013-10-01 20:02:30

标签: jquery loops anchor

我遇到问题让我的主播表现得像我想要的那样。我要做的是拿一个我创建的变量:`

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

'颜色'是我的锚点中的文字(只有蓝色,绿色,银色,白色,黑色等颜色)并返回,以便我以后可以在我的代码中使用它们。

最终发生的事情是当我使用webdeveloper时,我看到的代码好像都是一个字。所以如果我想和每个人一起上课,那么这个课程最终看起来像这样:

body class="blackwhiteredbluegreenyellowpurplebrownorangepink"

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

我已经尝试过添加另一个变量并添加一个count ++和一个jquery for循环,但是我还没有完成它的工作。

如果我对每种情况进行编码,我的代码都有效,但这是很多工作而且无法弄清楚速记版本

3 个答案:

答案 0 :(得分:0)

jquery选择器返回一个作为锚链接的元素数组,因此您将检索页面上的所有锚链接并将文本连接起来。

你可以创建一个颜色数组并填充它:

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

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

答案 1 :(得分:0)

你的页面上有多个a-tags,所以你必须通过一个来循环它们... jquery连接文本,这就是你有一个长字符串的原因。

http://jsfiddle.net/kasperfish/nF6dM/

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

答案 2 :(得分:0)

或者您可以使用:

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