gpt4 book ai didi

jquery - 使用 jquery 使用父元素的属性设置子元素 attr

转载 作者:行者123 更新时间:2023-12-01 08:16:57 25 4
gpt4 key购买 nike

我有以下 html:

<ul id="clients-strip">
<li>
<a href="http://example.com/case-studies/" data-colour="/images/made/assets/images/article-images/client-colour.png">
<img src="/images/made/assets/images/article-images/client-grayscale.png" alt="Client" width="59" height="35">
</a>
</li>
</ul>

当'a'元素悬停在上面时,基本上需要将img src与父'a'元素的“data-colour”属性交换(我想淡出旧的att并淡入新的att) )

我的 jquery 进展不太顺利:(

$('ul#clients-strip li a').hover(function(){
$(this.' img').attr('src', this.data-colour);
});

关于我做错了什么有什么想法吗?另外,是否有可能以我在这里尝试的方式基本上淡出一张图像并淡入另一张图像?

最佳答案

你应该这样做

$('ul#clients-strip li a').hover(function(){
//get the child image and change the src
$('img', this).attr('src', $(this).data('colour'));
});

如果你不想在离开时返回到原来的src,你可以这样做

var cacheSrc;
$('ul#clients-strip li a').hover(function(){
cacheSrc = $('img', this).attr('src');
//get the child image and change the src
$('img', this).attr('src', $(this).data('colour'));
},
function(){
$('img', this).attr('src',cacheSrc);
});

关于jquery - 使用 jquery 使用父元素的属性设置子元素 attr,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9977522/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com