keep focus on parent div jquery

Question

我的问题是关于一个餐厅网站的。

我想制作一个展示所有食品的目录。当用户鼠标悬停在每个食品上时，将显示该食品的详细信息。

在该图像上出现一个div，其中包含详细信息，用户必须从下拉列表中选择餐厅名称，以获得该餐厅食品的价格。但是，当鼠标移到下拉框上时，显示详细信息的div鼠标移下。即悬停属性不保留。

detail和下拉菜单都在同一个div上

Answer 1

只是猜测，因为我没有任何HTML或JavaScript代码来做出更好的答案，所以我要做假设。

如果你在图像悬停时显示div.details，但你不想在图像悬停时隐藏div，你希望它在img的父元素悬停时显示。

$("#divParent img").mouseover(function(){
    $("#divDetails").show();
});
$("#divParent").mouseout(function(){
    $("#divDetails").hide();
});

请告诉我，如果这不适合你的情况，在这种情况下，提供更多的信息，以便我们可以为您提供更好的答案。

Answer 2

尝试使用以下两个属性，因为这两个属性都是同一div的子属性，根据我从您的描述中理解的。

$(this).parent().focus();