Javascript 在jquery中使操作以特定div为目标
我正在我的网站上工作,我正在尝试做一个博客部分。在html中,有两个div位于父div中。两个div共享同一个类选择器。我正在使用jquery隐藏其中的文本,直到鼠标悬停在上面。但是,由于当您将鼠标悬停在一个div上时,它们具有相同的类选择器,因此会同时显示两个div中的文本。如何将它们保持在同一个类中,但只显示当前悬停在上面的div中的文本 HTML: “但是,由于当您将鼠标悬停在一个div上时,它们具有相同的类选择器,因此会同时显示两个div中的文本。” 你为什么不用不同的ID来区分你的div呢Javascript 在jquery中使操作以特定div为目标,javascript,jquery,html,Javascript,Jquery,Html,我正在我的网站上工作,我正在尝试做一个博客部分。在html中,有两个div位于父div中。两个div共享同一个类选择器。我正在使用jquery隐藏其中的文本,直到鼠标悬停在上面。但是,由于当您将鼠标悬停在一个div上时,它们具有相同的类选择器,因此会同时显示两个div中的文本。如何将它们保持在同一个类中,但只显示当前悬停在上面的div中的文本 HTML: “但是,由于当您将鼠标悬停在一个div上时,它们具有相同的类选择器,因此会同时显示两个div中的文本。” 你为什么不用不同的ID来区分你的di
<div class="sameclass" id="firstdiv"></div>
<div class="sameclass" id="seconddiv"></div>
例如。您可以为div使用id
<div id="unique_id" class="the_same_class">...</div>
。。。
Jquery可以调用id您可以使用
this
(指当前项)来获取正确的元素
更改此代码:
$('.mythoughts').mouseenter(function() {
$('.entry').show(); // shows ALL .entry elements (not desired)
});
到
您的代码:
更新代码:请在您的问题中发布相关代码。这太完美了!我一直在自学,不知什么原因,我没能弄明白这一点。如果我有更多的声誉,我会投票。。。非常感谢你!很乐意帮忙。当您无法投票时,请务必单击最有用答案旁边的复选框,以接受该答案作为问题的解决方案。
<div id="unique_id" class="the_same_class">...</div>
$('.mythoughts').mouseenter(function() {
$('.entry').show(); // shows ALL .entry elements (not desired)
});
$('.mythoughts').mouseenter(function() {
$(this).find('.entry').show(); // shows .entry within the hovered .mythoughts
});