Jquery parent()和nearest()不起作用

时间:2018-04-18 16:08:09

标签: javascript jquery parent closest

早上好,这是我的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>
&#13;
&#13;
&#13;

日志结果是;

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

或者,如果你能告诉我另一种获得taskFilter父母的身份的方法 谢谢你的帮助。

1 个答案:

答案 0 :(得分: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>