Javascript 在网页上显示标题或alt文本

目前，我的网站上有一个幻灯片，显示了一些投资组合的图片。 它工作得很好，但是现在我想在一个单独的框/div中为图像下面添加一个使用alt文本或标题的标题

这可能吗？如果是这样的话，有人知道实现这一点的教程或资源吗

此时此刻，这就是我显示图像的方式

<ul class="slides">
                        <li><img src="Pictures/1.jpg" width="400" height="200" title = ""alt="Marsa Alam underawter close up" /></li>
                        <li><img src="Pictures/2.jpg" width="400" height="200" alt="Marsa Alam underawtzxcxzczxczxczxczer close up" /></li>
                        <li><img src="Pictures/4.jpg" width="400" height="200" alt="Marsa Alam underawccccter close up" /></li>
                        <li><img src="Pictures/3.jpg" width="400" height="200" alt="Marsa Alam underawtcxzczxcxzczcxcxzcer close up" /></li>

                    </ul>

---

只需在每张幻灯片的

标签内放置一个div或其他东西，并将其设置为

位置：绝对

，从那里你可以随心所欲地设置它的样式。

只要在每张幻灯片的

标签中放置一个div或其他东西，并将其设置为
位置：绝对
，从那里你可以随心所欲地设置它的样式。
这样的东西应该可以工作，您将在每个
li
中使用
alt

var addTitle = function(){
    var alt = $('img', this).attr('alt');

    $(this).append('<span>' + alt + '</span>');
};

$('.slides li').each(addTitle);

var addTitle=function（）{
var alt=$（'img'，this.attr（'alt'）；
$（this.append（“”+alt+“”）；
};
$（'.slides li'）。每个（addTitle）；
类似的功能应该可以使用，在每个
li
中都有一个
span
，其中包含
alt

var addTitle = function(){
    var alt = $('img', this).attr('alt');

    $(this).append('<span>' + alt + '</span>');
};

$('.slides li').each(addTitle);

var addTitle=function（）{
var alt=$（'img'，this.attr（'alt'）；
$（this.append（“”+alt+“”）；
};
$（'.slides li'）。每个（addTitle）；
这里涉及到js/css代码吗？很抱歉，我不允许在一秒钟内粘贴它。我确实尝试为每个描述添加另一个
，并尝试使脚本循环通过这些描述，但它只是成功地删除了图像。这里涉及到js/css代码吗？很抱歉，我不允许粘贴它，一秒钟，我尝试为每个描述添加另一个
，并尝试让脚本循环这些描述，但它只是成功地删除了图像。
var addTitle = function(){
    var alt = $('img', this).attr('alt');

    $(this).append('<span>' + alt + '</span>');
};

$('.slides li').each(addTitle);