javascript - Jquery访问div问题

Question

$('div#searchResult > div#searchResultItem > div#item').hover(function() 
{
      alert($(this).text());
});

大家好。我正在对我在 jquery 教程网站上学到的知识进行快速应用。我想到了应用该功能的其他方法并提出了这段代码。问题是我无法访问 #item div 内容。任何帮助将不胜感激。感谢 stackoverflow 的工作人员，并给予他们更多的力量。干杯!

<div id="searchResult">
     <div id="searchResultItem"> 
        <div id="item">Some item</div>
     </div>
</div> 

Answer 1

也许您应该等待 DOM 结构完全加载，然后应用您的脚本。

$(document).ready(function () {
   $('div#searchResult > div#searchResultItem > div#item').hover(function() 
   {
      alert($(this).text());
   });
})

如果您不仅想要 #item 的文本，最好使用 .html() 方法:

alert($(this).html());

顺便说一句，检查 #searchResult div 悬停是否触发。

$(document).ready(function () {
   $('div#searchResult').hover(function() 
   {
      alert($(this).find('div#item').text());
   });
})

如果是，那么我想这是CSS和标记问题。也许某些 div 的溢出或高度属性不足。