Jquery parent（）和最接近（）不起作用

Question

早上好，这是我的 HTML：tab2 不是静态的，我可以拥有 tabn。 我想获取 taskFilter tab2 父级的 id，但我得到的是 tab-home，这是我的 js。

var ntab = $('#taskFilter').closest('.tab-pane').attr('id');
var ntab2 = $('#taskFilter').parent().attr('id');
vat ntab3 = $('#taskFilter').parent().parent().attr('id');
console.log(ntab, ntab2, ntab3);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="tab-home" class="tab-pane"></div>
<div id="tab2" class="tab-pane">
    <div id="tasksFilter"></div>
</div>

日志结果是；

ntab = tab-home,   
ntab2 = undefined,   
ntab3 = indefined.

或者，如果您能告诉我另一种获取 taskFilter 父级 ID 的方法
感谢您的帮助。

Answer 1

修复代码中的拼写错误，输出为：

tab2 tab2 undefined

最后一个未定义是因为taskfilter 没有祖父母。

var ntab = $('#taskfilter').closest('.tab-pane').attr('id');
var ntab2 = $('#taskfilter').parent().attr('id');
var ntab3 = $('#taskfilter').parent().parent().attr('id');
console.log(ntab, ntab2, ntab3);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="tab-home" class="tab-pane"></div>
<div id="tab2" class="tab-pane">
  <div id="taskfilter"></div>
</div>