在JQuery選擇器中使用變量

我有一些代碼將選擇器保存在一個變量中，當第一次引用它時（我的代碼的第2行），測試正常工作時，但是當我嘗試向它添加h1時，在我的代碼的第3行看到，我得到以下錯誤：「未捕獲的錯誤：語法錯誤，無法識別的表達式：[object Object] h1」在JQuery選擇器中使用變量

如何添加h1到選擇器中的變量，錯誤？

var $tabContentHeader = $('.tab-content-header'); 
var $headerLineHeight = $($tabContentHeader).height() + 10 + 'px'; 
$($tabContentHeader + ' h1').css({'line-height': $headerLineHeight});

HTML：

<div class="row tab-content-header"> 
    <img src="images/content-area/page-header.png" class="img-responsive" alt="a1"> 
    <h1>Welcome</h1> 
</div>

來源

2015-10-07 Bryan

請出示相關的HTML – indubitablee

有沒有需要第二jQuery的包裝：'$（$ tabContentHeader）'。只要留在'$ tabContentHeader' – Andreas

var $tabContentHeader = $('.tab-content-header'); 
var $headerLineHeight = $($tabContentHeader).height() + 10 + 'px'; 
$tabContentHeader.find('h1').css({'line-height': $headerLineHeight});

來源

2015-10-07 14:50:51 Diptox

這看起來正是我所期待的。謝謝。 – Bryan

我有幾個.tab-content-header h1實例，但是這段代碼似乎只是改變了它的第一個實例。我該如何修改代碼以使其一次更改.tab-content-header h1的所有實例？ – Bryan

在JQuery選擇器中使用變量

回答

相關問題