2012-02-20 92 views
0

我很確定這只是一個語義問題,但如果有人能帶領我走向正確的方向,我將非常感激。使用jQuery選擇器從父類CLASS選擇孩子

的HTML:

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

功能:

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

我試圖抓住.grid_7的孩子。大

下面是真實代碼的鏈接:

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

我知道劇本的作品時,我做

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

樣樣精,因爲...所以,它的語義?還是我瘋了?

謝謝你這麼多

+1

什麼是'bigtext()'?你可以發佈功能嗎? – elclanrs 2012-02-20 08:21:28

+0

嘿,對於遲到的迴應抱歉!我們知道了!我很笨。然而,bigtext是一個出色的jQuery函數,它允許您自動將文本縮放到父級的寬度。 http://www.zachleat.com/web/bigtext-makes-text-big/ heres鏈接。 Upvoting爲您的支持! – 2012-02-20 08:50:24

回答

2

閱讀來自bigtext plugin website文檔:

的BigText jQuery插件需要一個單一的元素和大小文本 其子<div>小號以適應寬度內的父元素。

您的.big元素沒有任何子元素div,因此沒有任何反應。

您嘗試使用:first-child的原因是:first-child返回第一個.grid_7元素,而不是其第一個子元素。

您需要的bigtext方法適用於.grid_7,或者您需要添加另一個div周圍.big

+0

當真的很簡單時,我真的很困惑。謝謝你的回答! – 2012-02-20 08:46:47

+0

@MatthewHarwood - 沒問題,很高興我可以幫助:) – 2012-02-20 09:31:04