javascript - 在 alt 标签中更改基于类的字符串？

Question

有没有聪明的方法来做到这一点？它不一定适用于所有浏览器，因为它只是补充，但我想知道是否有快速解决这个问题的方法。

我正在使用 Cycle2 创建一个 slider ，它的标题来自替代文本。例如:

<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>

因为这些在不断变化，所以需要用下一个图标(例如“足球”)的 alt 替换“投球”类名

实例见体育版 block :http://fh80.student.eda.kent.ac.uk/fyp/#

Answer 1

像这样？

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

不确定图像上的选择器是什么，因为 img 是全局性的？也许它有一个具有唯一 ID 的父级？

请参阅我的 fiddle 进行基本演示

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