jquery - jQuery选项卡在选项卡内的特定div id上更改

Question

我在页面上有 5 个选项卡并排排列，每个选项卡都使用 href 来更改选项卡。我基本上在其中一个选项卡内有一个带有图像映射的 div 和一个 id，当我将鼠标悬停在选项卡内的 div 上时，它不会更改为该选项卡，但是如果我将鼠标悬停在选项卡的部分上div 不存在它很高兴地更改为悬停的选项卡。

因此，我选择了选项卡内 div 的 id 并使用了悬停功能，然后创建了一个变量并选择了我当前所在的选项卡的 id，当我警告变量时返回 4 所以我知道部分有效，但是当我将鼠标悬停在带有图像映射的 div 上时，它仍然不会更改为选项卡。

这是 jQuery 的部分，当我将鼠标悬停在里面的 div 上时，我尝试更改为该选项卡。

$('ul#featureList li#unbeatableDealsLi #carsVansNearlyNew').hover(function(){
   var index = $('#featureContainer ul#featureList li#unbeatableDealsLi [href="#unbeatableDeals"]').parent().index();
   $('#featureContainer ul#featureList li#unbeatableDealsLi [href="#unbeatableDeals"]').tabs('option', 'selected', index);
});