1

我想在动画中找到一张图片<div class="text_slider">并阅读alt=""它。

<div id="slider">
   <img src="1.png" alt="this is the first image" />
   <img src="2.png" alt="this is the second image" />
</div>

我的尝试是：

function afterPic() { 
    $('.text_slider').animate({
            opacity: 0.25,
            height: 'toggle'
        }, 1000, 
        function() {
          $('.text_slider').html("<p style='z-index: 9998;'>"
                 + $('#slider').find('img').this.alt +"</p>"); 
        }
    );

但不幸的是它不起作用。

4

3 回答 3

2

您忘记了引号，'#slider'并且错误地使用了 jQuery...

它会做的伎俩：$('#slider').find('img').attr('alt')

于 2013-06-10T19:35:32.350 回答
2

好的，有两件事。

您引用了.text_slider标记中不存在的类，并且您的 div 的 id 为#slider. 要alt在 jQuery 中获取，您应该使用该prop()函数。alt是 JavaScript DOM 对象的属性，而不是 jQuery 对象。

function afterPic() { 
    $('.text_slider').animate({
        opacity: 0.25,
        height: 'toggle'
    }, 1000, function() {
           $('.text_slider').html("<p style='z-index: 99998;'>" + 
           $('#slider').find('img').prop('alt') + ":</p>"); 
    });
}
于 2013-06-10T19:39:55.817 回答
1

演示：http: //jsfiddle.net/abc123/FJfTb/

要在另一个项目下查找项目，您应该始终应用父选择器：

$('#slider > img').attr('alt');

> 显示#slider 是img 的父级。

HTML：

<div id="slider">
    <img src="1.png" alt="this is the first image" />
    <img src="2.png" alt="this is the second image" />
</div>

JS：

alert($('#slider > img').attr('alt'));

从 jQuery 1.6 开始，.prop() 方法提供了一种显式检索属性值的方法，而 .attr() 检索属性。因此，如果您使用的 jQuery 比 1.6 更新，请将 attr 替换为 prop

于 2013-06-10T19:42:22.397 回答