Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/410.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在jquery中使操作以特定div为目标_Javascript_Jquery_Html - Fatal编程技术网

Javascript 在jquery中使操作以特定div为目标

Javascript 在jquery中使操作以特定div为目标,javascript,jquery,html,Javascript,Jquery,Html,我正在我的网站上工作,我正在尝试做一个博客部分。在html中,有两个div位于父div中。两个div共享同一个类选择器。我正在使用jquery隐藏其中的文本,直到鼠标悬停在上面。但是,由于当您将鼠标悬停在一个div上时,它们具有相同的类选择器,因此会同时显示两个div中的文本。如何将它们保持在同一个类中,但只显示当前悬停在上面的div中的文本 HTML: “但是,由于当您将鼠标悬停在一个div上时,它们具有相同的类选择器,因此会同时显示两个div中的文本。” 你为什么不用不同的ID来区分你的di

我正在我的网站上工作,我正在尝试做一个博客部分。在html中,有两个div位于父div中。两个div共享同一个类选择器。我正在使用jquery隐藏其中的文本,直到鼠标悬停在上面。但是,由于当您将鼠标悬停在一个div上时,它们具有相同的类选择器,因此会同时显示两个div中的文本。如何将它们保持在同一个类中,但只显示当前悬停在上面的div中的文本

HTML:

“但是,由于当您将鼠标悬停在一个div上时,它们具有相同的类选择器,因此会同时显示两个div中的文本。”

你为什么不用不同的ID来区分你的div呢

<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
});