jquery api closeset()

来源：互联网发布：mac新版itunes没有铃声编辑：程序博客网时间：2024/06/05 22:51

描述:为每个元素集,获得第一个选择器匹配的元素通过测试通过其祖先元素本身和遍历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对象传递给最亲近的。最近的列表元素时切换青色背景或其后代。

0 0