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

回答

相关问题