jQuery通过类搜索获取元素的id

这是我的 HTML
<div id="my_Box_one" class="head-div">
   <div>
       <div class="some_Box">a</div>
       <div class="some_Box">b</div>
    </div>
</div>

我想使用该div的类(“.head-div”)获取父div(“#my_Box_one”)的ID

$(document).ready(function(){

$(".some_Box").click(function(){
   var abc = $(this).parentsUntil(".head-div").attr("id");
   // also tried $(this).parent(".head-div") -- same effect
   alert(abc); // Shows as Undefined
});   

});

我可以做以下事情,它会工作正常,但似乎不对.

var abc = $(this).parent("div").parent("div").attr("id");

解决方法

您可以使用.closest(selector),例如:
var abc = $(this).closest(".head-div").attr("id");

http://api.jquery.com/closest/

.parent(selector)仅选择元素的直接父级.

相关文章

jQuery插件的种类 1、封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进...
扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。 入门 编写一个jQuery插件开始于给...
最近项目中需要实现3D图片层叠旋转木马切换的效果,于是用到了jquery.roundabout.js。 兼容性如图: ht...
一、什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异...
AMD 模块 AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一...