php - 当单个博客页面上有多个 div 时，如何在图标悬停时显示一个 div？

Question

我有一个主 div slidewrapper，其中包含一个 div mainchImage 和另一个 sliderimage div ..Sliderwrapper div 被附加到所有 post imagesog wordpress博客 ..所以图像是动态的，因此 div 是静态的..没有机会改变 div id ...有关更多详细信息，请查看此

在这个图标悬停的演示中，只显示第一个 slidergallery 而不是相应图标的 sildergallery

http://jsfiddle.net/vaibviad/MsFYS/

Answer 1

您的代码中存在以下问题，

1. 不能有多个具有相同 id 的元素
2. 图像标签应该关闭

由于您无法更改 htmls 结构，请尝试以下代码

jQuery(".showcatdiv").hover(function () {
    jQuery(this).parent().next("div").show();
});

jQuery(".showcatdiv").parent().next("div").mouseout(function () {
    jQuery(this).hide();
});

http://jsfiddle.net/MsFYS/1/

注意:这不是执行此操作的最佳方法。但是因为你有 mal html，你必须做这样的事情。