$.contains()

167 阅读1分钟

$.contains() 检测一个元素包含在另一个元素之内

$.contains("container(父)", "contained(子)")

container, contained 必须Element类型

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta http-equiv="Cache-Control" CONTENT="no-cache" />
		<meta http-equiv="Pragma" CONTENT="no-cache" />
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>$.contains() 检测一个元素包含在另一个元素之内</title>
	</head>

	<body>

		<p id="s1">$.contains("container(父)", "contained(子)")</p>
		<p>container, contained Element类型</p>

	</body>

	<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
	<script type="text/javascript" th:inline="javascript">
		//document.documentElement 相当于 html
		console.log($.contains(document.documentElement, document.body)); // true
		console.log($.contains(document.body, document.documentElement)); // false

		console.log($.contains(document.getElementById("s1"), document.body)); // false
		console.log($.contains(document.body, document.getElementById("s1"))); // true

		console.log($.contains($("#s1"), document.body)); // false
		console.log($.contains(document.body, $("#s1"))); // false
		console.log($.contains(document.body, $("#s1")[0])); // true
	</script>

</html>

end