在alt標籤中更改基於類的字符串？

有沒有一個聰明的方法來做到這一點？它不必在所有的瀏覽器上工作，因爲它只是補充，但我想知道是否有快速的方法。在alt標籤中更改基於類的字符串？

我正在使用Cycle2創建一個滑塊，它具有來自alt文本的標題。如：

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

這

顯示字幕圖標下方有「投球」目前這些都可以只有一種顏色（默認的黑色），因爲它們使用相同的類爲每個標題，如它滾動通過。

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

我並不真的要開始了黑客攻擊的代碼，因爲它工作得很好，但我認爲這將是一件好事，使每個字幕不同的文本顏色，以匹配圖標的顏色。

有沒有辦法做到這一點？如使用Javascript，搶ALT中的數據（如搶「投球」，使之把這個類的標題，因此它會讀：

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

因爲這些是不斷變化的，它需要更換「投球「類名與ALT下一個圖標（例如」足球「）

活生生的例子看體育節：http://fh80.student.eda.kent.ac.uk/fyp/#

來源

2014-02-20 Francesca

你可以用'$（「IMG」）。ATTR（「ALT」）'和'$（「＃ALT-說明」）。removeClass （）;'+'$（「＃alt-caption」）。addClass（gottenAltAttr）'+'$（「＃alt-caption」）。addClass（「center」）'（或者你可以記得最後一個類添加，所以你可以用新的只替換那個類） – Laoujin

@robertc因爲標題不是圖像的一部分，CSS不能改變標題的顏色。許多圖像只有一個標題div。 – Francesca

像這樣

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

由於img是相當全球性的，因此不確定圖像上的選擇器可能是什麼？也許它有一個擁有唯一ID的父母？

見我搗鼓一個基本的示範

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

來源

2014-02-20 14:24:26 timo

在alt標籤中更改基於類的字符串？

回答

相關問題