彩虹效应多个用户

时间:2013-01-02 18:05:23

标签: jquery

$.getScript("http://xoxco.com/projects/code/rainbow/rainbow.js",function(){
 $('a[href="/u1"] strong').html(function(){
 $(this).rainbow({ 
colors: [
    '#FF0000',
    '#f26522',
    '#fff200',
    '#00a651',
    '#28abe2',
    '#2e3192',
    '#6868ff'
],
animate: true,
animateInterval: 100,
pad: false,
pauseLength: 100,
    });
  });
});

这是我的脚本,有没有办法选择多个名字?

('a[href="/u1"] strong','a[href="/u2"]')有点像那样吗?

想出了一个小修复::

$.getScript("http://xoxco.com/projects/code/rainbow/rainbow.js",function(){
  var a = $('a[href="/u1"] strong,a[href="/u33"]');
   a.addClass('.rainbow');
 $('.rainbow').rainbow({ 
colors: [
    '#FF0000',
    '#f26522',
    '#fff200',
    '#00a651',
    '#28abe2',
    '#2e3192',
    '#6868ff'
],
animate: true,
animateInterval: 100,
pad: false,
pauseLength: 100,
});
});

虽然它没有添加实际的彩虹效果......任何建议。我会做一个jsfiddle

http://jsfiddle.net/LUdrF/

请帮忙

2 个答案:

答案 0 :(得分:1)

您可以使用"starts with" selector

$('a[href^="/u"] strong').html(function(){

并替换

a.addClass('.rainbow');

a.addClass('rainbow');

Demonstration

答案 1 :(得分:1)

这应该有用;

$('a[href="/u1"] strong, a[href="/u2"]')

http://api.jquery.com/multiple-selector/