jQuery中插入新的标签并获取值

Posted 尔嵘

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery中插入新的标签并获取值相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>看新闻</title>
	</head>

	<body>
		<div id="aa">
			<input type="text" class="aaaaa" value="" />
		</div>
		<button onclick="handleAdd()">新增</button>
		<button onclick="handleGet()">获取值</button>
	</body>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script type="text/javascript">
		//往页面指定元素标签后面插入标签
		function handleAdd() 
			console.log(111);
			$("#aa").append(`<input type="text" class="aaaaa" value="" />`);
		;
		
		//获取所有插入input元素的值
		function handleGet() 
			$(".aaaaa").each(function() 
				// let this = $(this);
				console.log($(this).val());
			);
		;
	</script>

</html>





以上是关于jQuery中插入新的标签并获取值的主要内容,如果未能解决你的问题,请参考以下文章

jquery如何获取子标签的ID值

jquery获取点击标签内的子标签内容和值实例

前端08 /jQuery标签操作事件

前端09 /jQuery标签操作事件补充

jquery获取标签内容到数组并显示

如何把jquery的值放入img标签的src里面