当前位置: 首页 > 中文手册 > jQuery.contains() 函数详解

jQuery.contains() 函数详解

jQuery.contains()函数用于判断指定元素内是否包含另一个元素。

简而言之,该函数用于判断另一个DOM元素是否是指定DOM元素的后代。

该函数属于全局jQuery对象。

语法

jQuery 1.4 新增静态函数

jQuery.contains( container, contained )

参数

参数描述
containerElement类型指定可能包含其他元素的祖辈容器元素。
containedElement类型指定可能被其他元素包含的后代元素。

返回值

jQuery.contains()函数的返回值为Boolean类型,如果指定元素包含另一个元素,则返回true,否则返回false

示例&说明

jQuery.contains()仅用于比较两个DOM元素(Element类型,不能是NodeList或其他对象)。它会从contained元素的父元素开始逐级向上查找,判断其是否等于container元素,如果是则返回true,否则返回false

请参考以下HTML示例代码:

<div id="n1">
	<p id="n2">
		<span id="n3">CodePlayer</span>
	</p>
</div>
<p id="n4">专注于编程开发技术分享</p>

以下是与jQuery.contains()函数相关的jQuery示例代码,以演示jQuery.contains()函数的具体用法:运行代码

//在当前页面内追加换行标签和指定的HTML内容
function w( html ){
	document.body.innerHTML += "<br>" + html;
}

var n1 = document.getElementById("n1");
var n2 = document.getElementById("n2");
var n3 = document.getElementById("n3");
var n4 = document.getElementById("n4");
var span = document.getElementsByTagName("span");

// n1包含n2
w( $.contains(n1, n2) ); // true

// n1包含n3
w( $.contains(n1, n3) ); // true

// n1不包含n4
w( $.contains(n1, n4) ); // false

// n1虽然包含span元素(n3),但变量span是NodeList对象,不是Element类型。
w( $.contains(n1, span) ); // false
30 0
我们认为: 用户的主要目的,是为了获取有用的信息,而不是来点击广告的。因此本站将竭力做好内容,并将广告和内容进行分离,确保所有广告不会影响到用户的正常阅读体验。用户仅凭个人意愿和兴趣爱好点击广告。
我们坚信:只有给用户带来价值,用户才会给我们以回报。
CodePlayer技术交流群1CodePlayer技术交流群1

帮朋友打一个硬广告:

P2P网贷系统(Java版本) 新年低价大促销,多年P2P技术积累,系统功能完善(可按需定制,可支持第三方存管、银行存管),架构稳定灵活、性能优异、二次开发快速简单。 另可提供二次开发、安装部署、售后维护、安全培训等一条龙服务。

外行看热闹,内行看门道。可以自信地认为,在系统设计上,比市面上的晓风、迪蒙、方维、绿麻雀、国融信、金和盛等P2P系统要好。
深圳地区支持自带技术人员现场考察源代码、了解主要技术架构,货比三家,再决定是否购买。

也可推荐他人购买,一旦完全成交,推荐人可获得实际售价 10% 的返现。
有意向者,详情请 点击这里 联系,工作时间立即回复。