php:将“alt tag”内容回显到“title tag”

时间:2018-04-29 06:53:30

标签: php jquery html tags alt

PHP文件中的图像有一个“alt”标记,但我需要将其内容复制到“title”标记。所以代码在加载时自动读取页面,并在“alt”标记旁边添加新的“title”标记,无论是使用PHP,jQuery还是JavaScript。

示例:

<img border="0" src="../../../../images/divider.jpg" alt="description of image" width="410" height="15">

输出:

<img border="0" src="../../../../images/divider.jpg" alt="description of image" title="description of image" width="410" height="15">

1 个答案:

答案 0 :(得分:0)

使用JavaScript,您可以搜索<img>代码,并添加此标题属性:

let imgs = document.querySelectorAll('img');
for (let i=0;i<imgs.length;i++) {
  if (!imgs[i].title) // if title is not defined
      imgs[i].title = imgs[i].alt;
}

使用jQuery,您可以使用查找图片$('img')并使用each()循环:

$('img').each(function(img) {
  if (!this.title)
    this.title = this.alt;
});