在JQuery选择器中使用变量

时间:2015-10-07 14:47:58

标签: jquery

我有一些代码可以将一个选择器保存在一个变量中,当我第一次引用它时(我的代码的第2行),当测试工作正常时,但是当我尝试向它添加一个h1时,在第3行看到我的代码,我收到以下错误: "未捕获错误:语法错误,无法识别的表达式:[object Object] h1"

如何在选择器中为我的变量添加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>

1 个答案:

答案 0 :(得分:1)

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