在alt标记内更改基于类的字符串?

时间:2014-02-20 14:13:53

标签: javascript jquery html css

有一种聪明的方法吗?它不一定适用于所有浏览器,因为它只是补充,但我想知道是否有一个快速的方法。

我正在使用Cycle2创建一个滑块,其中有来自替代文字的标题。 E.g:

<img src="images/data/sports/netball.png" alt="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/#

1 个答案:

答案 0 :(得分:0)

喜欢这个吗?

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

由于img非常全球化,因此不确定图像上的选择器是什么?也许它的父母有一个唯一的ID?

请参阅我的小提琴进行基本演示

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