Img文件名稱作爲CSS的title和alt屬性

-3

我想知道我們是否可以動態地寫入ALT & title屬性的值與img文件名相同嗎？我認爲這將有可能通過使用css content屬性，但不太瞭解它。Img文件名稱作爲CSS的title和alt屬性

像<img src="file_name.jpg" alt="File Name" title="File Name">

如果有可能，然後我也想兩者都具有清潔&格式化值就像我不想_下劃線的屬性。可能它可以從CSS中刪除？

2016-02-22 saadeez

你是說你想改變ALT和標題屬性使用CSS ...你認爲你可以改變使用CSS的src屬性？ –

@JaromandaX - 我想寫的屬性相同的file_name沒有.jpg – saadeez

$('img').attr({ //change multiple attributes 
    title: $(this).attr('src').replace('_', '').replace('.jpg', ''), //to the src attr without _ and .jpg 
    alt: $(this).attr('src').replace('_', '').replace('.jpg', '') 
});

不能使用content因爲：

CSS有一個名爲content屬性。它只能與僞元素一起使用：after和：before。它的寫法類似僞選擇器（帶冒號），但它被稱爲僞元素，因爲它不是實際上選擇了頁面上存在的任何內容，但是添加了新的頁面內容。

這會將文本放在元素的前面或後面，但不會改變它的屬性！

來源

2016-02-22 08:13:17

是的，@ thomas這是我正在尋找的答案，但我們可以用CSS'content'屬性來做到這一點嗎？ – saadeez

@saadeez更新了我的答案 –

Img文件名稱作爲CSS的title和alt屬性

回答

相關問題