jQuery each函数的使用

最新推荐文章于 2021-09-26 23:39:07 发布

SeaWolf-S

最新推荐文章于 2021-09-26 23:39:07 发布

阅读量206

点赞数

分类专栏： jQuery 文章标签： jQuery each input

本文链接：https://blog.csdn.net/xlkyujhc/article/details/102564520

版权

jQuery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

each() 方法规定为每个匹配元素规定运行的函数，遍历内部的元素为js对象，需要使用$将其转为jQuery对象

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="jquery-3.4.1.js"></script>
		<script>
			$(function(){
				var inputObject=$("table > tbody[name=haha] > tr:eq(1) > td:first > input");
				console.log(inputObject);
				
				for (var i = 0; i < inputObject.length; i++) {
					alert($(inputObject[i].val()));
				}
				
				inputObject.each(function(i,o){
					alert($(o).val());
				});
				
				inputObject.each(function(){
					alert($(this).val());
				});
			})
		</script>
	</head>
	<body>
		<table border="0" cellspacing="0" cellpadding="10">
			<thead>
				<tr>
					<th>fdsasdfdsa</th>
					<th>fdsasdfdsa</th>
					<th>fdsasdfdsa</th>
				</tr>
			</thead>
			
			<tbody name="haha">
				<tr>
					<td colspan="2">fdsasdf</td>
					<td>fdsasdf</td>
				</tr>
				<tr>
					<td rowspan="2">
						<input type="text" value="hh" />
						<input type="text" value="hh2" />
					</td>
					<td>
						fdsasdfdsasdf
						
					</td>
					<td>fdsasdf</td>
				</tr>
				<tr>
					<td>fdsasdf</td>
					<td>fdsasdf</td>
				</tr>
				
			</tbody>
				
			<tfoot>
				
				<tr>
					<td>fdsasdf</td>
					<td>fdsasdf</td>
					<td>fdsasdf</td>
				</tr>
				
			</tfoot>
		</table>
	</body>
</html>

SeaWolf-S

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery each函数的使用

each() 方法规定为每个匹配元素规定运行的函数，遍历内部的元素为js对象，需要使用$将其转为jQuery对象<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="jquery-3.4.1....
复制链接

扫一扫