仅为其所属的图像切换.wp-caption-text

Question

我在尝试构建一个jquery-snippet以在wordpress中显示鼠标悬停时图像的标题时遇到了问题。每当我将鼠标悬停在其中一个图像上时，所有图像的标题都会逐个加载，然后只显示最后一张图像中的一个。

$(document).ready(function() {
    $('.wp-caption').mouseover(function(){

        $('.wp-caption').children('.wp-caption-text').show(0);
      }).mouseout(function(){
        $('.wp-caption').children('.wp-caption-text').hide(0);
    });
});

我需要一种方法来显示指定给它所属图像的标题。

提前致谢！

Answer 1

而不是使用$('.wp-caption')，只需使用$(this)即可。仅影响发生鼠标悬停和鼠标移动的元素。

$(document).ready(function() {
    $('.wp-caption').mouseover(function(){
          $(this).children('.wp-caption-text').show()
      }).mouseout(function(){
          $(this).children('.wp-caption-text').hide();
    });
});