更改图像Jquery的

我有这种结构一个div：更改图像Jquery的

<div class="post" id="post-160439"> 
     <a href="http://site blablabla" title="blablablabllba"> 
     <img width="240" height="180" src="myimage.jpg" 
      class="attachment-240x180 wp-post- image" alt="my alt" title="my title"></a> 
    </div>

而且我想改变悬停的形象，我已（我认为）最部分完成，但无法只改变这个图像，而不是所有的图像，就像这样;

$('.wp-post-image').attr('src','my new image');

它改变了所有图像，我怎么能告诉jquery更改divID.wp-post-image？

谢谢！

来源

2013-04-01 Mark

相反的类名给出一个具体的ID div和使用'$（'＃id'）。attr（'src'，'new image'）' – SRy

不能修改div结构，无论如何，div有一个id，是否impo可以做到吗？ – Mark

如果您有静态Id更好地使用，而不是class.Cause类不是dom中的唯一属性。 – SRy

尝试

$('#' + varHere + ' .wp-post-image').attr('src','my new image');

来源

2013-04-01 18:29:46 tymeJV

perfeeeeeeeeeect现在我明白了！谢谢！ – Mark

和...如果div ID在var内？ ;） – Mark

@Mark进行更改以在选择器中包含var。 – tymeJV

当你有多个div的处理图像，你可以试试这个：

$('div .post').each(function(){ 
    $(this).find('img').hover(function(){ 
     $(this).prop('src','my new image'); 
    }, 
    function(){ 
     // callback 
     } 
    ); 
    });

来源

2013-04-01 18:30:26

较快的选项：

$(document.getElementById("post-160439")).find('wp-post-image').attr('src','my new image');

来源

2013-04-01 18:40:25 miduga

更改图像Jquery的

回答

相关问题