回调函数与jQuery转换元素_jquery怎么把回调函数的内容转换成文本-优快云博客

本文介绍了JavaScript中的回调函数概念及其实现方式，并通过一个具体的示例进行了解释。此外，还展示了如何使用jQuery的map方法将一个jQuery对象转换为另一个jQuery对象。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>回调函数</title>
</head>
<body>
	<div id="box1">
		<div id="box2">
			<ol>
				<li class="child">list1</li>
				<li class="child">list2</li>
				<li class="child">list3</li>
			</ol>
			<div id="box3">
				<p id="child" class="child">this is a list of unorder</p>
				<ul>
					<li>list-01</li>
					<li>list-02</li>
					<li>list-03</li>
					<li>list-04</li>
					<li>list-05</li>
				</ul>
			</div>
		</div>
	</div>
	<script src="./jquery-1.12.4.js"></script>
	<script>
		//回调函数
		function a(callbackFunction){
			alert("这是parent函数a");
			var n=1,m=3;
			return callbackFunction(n,m);
		}
		function b(n,m){
			alert("这是回调函数b");
			return n+m;
		}
		$(function(){
			var result=a(b);
			alert(result);
		})
		/*结果：这是parent函数a
		**		这是回调函数b
				4
		*/

		// jquery使用jqueryObj.map(callbackFunction)来转换成另一个jQuery对象
		var c=$('div').map(function(index, domelement){//回调函数
			//index为另一个对象的索引
			// return this.id;//等价于下方
			return domelement.id;
		})
		console.log($('div'));//原来的div集合
		console.log(c)//转换后的id集合
		/*结果：
		**打印出每个div元素对应的id集合，也就是div集合为原来的jQuery对象，经map后，转换成div的id的集合，但还都是jQuery对象
		*/		
	</script>
</body>
</html>

控制台结果：