Javascript jQuery循环添加幻灯片“；alt"；

我找不到我问题的答案。我想这是一个很小的问题，但我现在脑子里有些疙瘩

我需要

元素来设置样式，但是在

img

之前使用

li

时，将

alt

属性添加到特定元素（#c11）的函数似乎不起作用，而没有它似乎就可以了

你能帮我吗

这是我的JS：

$(document).ready(function() { 

$('#slideshow1').cycle({ 
    fx:      'scrollHorz', 
    auto: false,
    before:   onBefore,
    prev:    '#prev',
    next:    '#next',
    timeout:  0,
    sync: 1,
    speed: '100',
    pagerAnchorBuilder: pagerFactory,
    after:     function() {
    $('#c1').html(this.alt);
    }
}); 

var slidesAdded = false; 
function onBefore(curr, next, opts) { 
    if (!opts.addSlide || slidesAdded) 
        return; 
    opts.addSlide('<li><img src="loadimages/1.jpg" width="800" height="560"  alt="Beach 1" /></li>'); 
    opts.addSlide('<li><img src="loadimages/2.jpg" width="800" height="560"  alt="Beach 2" /></li>'); 
    opts.addSlide('<li><img src="loadimages/3.jpg" width="800" height="560"  alt="Beach 3" /></li>'); 
    opts.addSlide('<li><img src="loadimages/4.jpg" width="800" height="560"  alt="Beach 4" /></li>'); 
    slidesAdded = true; 
}; 
function pagerFactory(idx, slide) {
    var s = idx > 2 ? ' style="display:none"' : '';
    return '<li'+s+'><a href="#">'+(idx+1)+'</a></li>';
};

$（文档）.ready（函数（）{
$（'#幻灯片放映1'）。循环（{
fx:‘滚动人’，
汽车：错，
之前：onBefore，
上一页：“#上一页”，
下一个：“#下一个”，
超时：0，
同步:1,，
速度：“100”，
pagerAnchorBuilder:pagerFactory，
之后：函数（）{
$（'#c1'）.html（this.alt）；
}
}); 
var slidesAdded=false；
函数onBefore（curr，next，opts）{
如果（！opts.addSlide | | slidesAdded）
返回；
选择添加幻灯片（“
”）；
选择添加幻灯片（“
”）；
选择添加幻灯片（“
”）；
选择添加幻灯片（“
”）；
slidesAdded=true；
}; 
功能页面工厂（idx，幻灯片）{
var s=idx>2？'style=“display:none”：“”；
返回“

”； };

---

下面是html：

 <div style="text-align:center;margin:auto;width:300px">
    <a href="#"><span id="prev">Prev</span></a> 
    <a href="#"><span id="next">Next</span></a>
</div>

<div id="slideshow1" class="pics"> 
 <li><img src="loadimages/1.jpg" width="800" height="560" alt="Beach 1"  /></li>
 <li><img src="loadimages/4.jpg" width="800" height="500" alt="Beach 2" /> </li>

</div> 

使用jQuery，可以在

图中设置
Alt
标记的
figcaption
样式。这里有一个小提琴（），可能看起来像这样：

.img-fluid { width: 100%; }
figure { display:block; position: relative; }

figcaption { display: block; }

使用此HTML：

<figure>
    <img class="img-fluid" src="image.png" alt="This content will be appended inside the Figure Caption tag!">
</figure>`


`

然后是这个jQuery：

<script src="js/jquery.js"></script>  
<script>
$('img', 'figure').each(function() {
        $(this).parent().append('<figcaption>' + this.alt + '</figcaption>');
    });
</script>


$（'img'，'figure'）。每个（函数（）{
$（this.parent（）.append（“”+this.alt+“”）；
});