Question

我有一个这种结构的div：

  <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？

谢谢！

Answer 1

尝试

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

Answer 2

由于你有多个带图像的div，你可以试试这个：

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

Answer 3

更快的选择：

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

使用Jquery在class，id和其他类中更改div内的图像

3 个答案: