Javascript JQuery无法获取元素父级

我在使用JQuery获取父元素时遇到问题

HTML

对于两个console.log，我得到了未定义的错误。 我不知道我哪里做错了，有人能帮我吗？ 非常感谢

.parent

只遍历一个dom级别，而

.parent

遍历多个dom级别，这里您必须使用

.parents

，因为您的

select

不是

面板体的直接子级，层次结构是
.panel body.form group select

创建一个

代码如下：

var $sel = $('.auto-select');
var data = $sel.find(':selected').data();
var $parent = $sel.parents('.panel-body');
console.log($parent.html());
console.log($sel.parent(".panel-body").html())

另外，您的
分区面板主体
未包含在
中，我不知道您是否至少将js代码放入
中，最好不要在询问时输入错误。
请先修复您的HTML注释。是的，请发布清晰的代码，可以处理。我们不知道您的商品是什么，您的型号是什么。最好是在示例html代码中询问一些问题，或者即使您想在这段代码中询问一些问题，至少也请发布可读的帖子code@nikhil，修复代码通常是不好的。问题很可能是由您修复的HTML注释直接导致的。此外，您还应该编辑问题以修复所有格式问题，例如。G拆分HTML和JS代码块。@Xufox-我同意你的看法。谢谢您的更正。@JunChen Zhu-每个都缺少一个结束括号-它只是在问题中缺少还是在实际代码中也缺少。非常感谢您的帮助。问题已经解决了。我确实漏了一个字母，那是一个打字错误。我把父母换成了父母，问题解决了。非常感谢你的帮助。
var $sel = $('.auto-select');
var data = $sel.find(':selected').data();
var $parent = $sel.parent('.panel-body');
console.log($parent.html());
console.log($sel.parent(".panel-body").html())
_.each( data, function(val,key){
    console.log("input[name$='"+key+"']"); 
    $parent.find("input[name$='"+key+"']").val(val)

var $sel = $('.auto-select');
var data = $sel.find(':selected').data();
var $parent = $sel.parents('.panel-body');
console.log($parent.html());
console.log($sel.parent(".panel-body").html())