描述:为每个元素集,获得第一个选择器匹配的元素通过测试通过其祖先元素本身和遍历DOM树。
.closest(selector)
selector
一个字符串包含一个选择器表达式匹配元素。
---------------------------------------------------------------------------
.closest(selector)
selector
一个字符串包含一个选择器表达式匹配元素。
context一个DOM元素在匹配的元素可能被发现。如果没有通过上下文则将使用jQuery的上下文设置。
---------------------------------------------------------------------------
.closest(jQuery object)
jQuery object
一个jQuery对象匹配元素。
---------------------------------------------------------------------------
.closest(element)
element
对一个元素匹配元素。
---------------------------------------------------------------------------
实验代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="jquery-1.10.2.js"></script>
<style>
li{ margin:3px; padding:3px; background:#EEE;}
li.hilight{ background:#CF9;}
</style>
</head>
<body>
<ul>
<li><b>点击我!</b></li>
<li>还可以再<b>点击我!</b></li>
</ul>
<script>
//$(document).on("click",function(event){
// $(event.target).closest("li").toggleClass("hilight");
//});
var listElements = $("li").css("color","blue");
$(document).on("click", function(event){
$(event.target).closest(listElements).toggleClass("hilight");
})
</script>
</body>
</html>
效果图:
例子:一个jQuery对象传递给最亲近的。最近的列表元素时切换青色背景或其后代。