使用jQuery选择器从父CLASS到子ID中选择子项

Question

我很确定这只是一个语义问题，但如果有人能引导我朝着正确的方向前进，我将非常感激。

HTML：

<div class="grid_7">
  <div class="big">
    The elusive
  </div>
</div>

功能：

$(function(){
$(' .grid_7 > .big').bigtext();});

我正试图抓住.grid_7的孩子.big

这是真实代码的链接：

http://designobvio.us/dov2/index.html

我知道脚本在我做的时候工作

 $(function(){
$(' .grid_7:first-child').bigtext();});

一切都很好......因此，这是语义学吗？还是我疯了？

非常感谢

Answer 1

阅读bigtext plugin website上的文档：

  

BigText jQuery插件采用单个元素并调整文本的大小   在其子<div> s 内，以适合父元素的宽度。

您的.big元素没有任何子div元素，因此没有任何反应。

:first-child尝试有效的原因是:first-child会返回第一个.grid_7元素，而不是其第一个元素。

您需要将bigtext方法应用于.grid_7，或者需要在div周围添加另一个.big。