是否更改alt标记中基于类的字符串

Question

有什么聪明的方法可以做到这一点吗？它不必在所有浏览器上都工作，因为它只是补充，但我想知道是否有一种快速的方法可以解决这个问题。

我正在使用Cycle2创建一个滑块，它有来自alt文本的标题。例如：

<img src="images/data/sports/netball.png" alt="Netball">

这会在图标下方显示一个标题，其中包含中的"Netball">

目前，这些标题只能是一种颜色(默认为黑色)，因为它们在滚动时对每个标题使用相同的类。

<div id="alt-caption" class="center"></div>

我真的不想开始破解代码，因为它运行得很好，但我认为最好让每个标题都有不同的文本颜色，以匹配图标的颜色。

有办法做到这一点吗？例如，使用Javascript，抓取alt中的数据(例如，抓取"Netball"，并将其放在标题的类中，这样它就会读取：

<div id="alt-caption" class="center Netball"></div>

因为这些都在不断变化，所以需要将"netball"类名替换为下一个图标的alt(例如"football")

现场示例请参阅体育部分：http://fh80.student.eda.kent.ac.uk/fyp/#

Answer 1

这样？

var className = $('img').attr('alt');
$('#alt-caption').addClass(className);

不确定您的图像上的选择器可能是什么，因为img是全局的？也许它有一个具有唯一ID的家长？

查看我的小提琴的基本演示

http://jsfiddle.net/9vJLp/4/