jquery 处理table 中获取td下input数据

最新推荐文章于 2023-02-12 22:43:49 发布

原创最新推荐文章于 2023-02-12 22:43:49 发布 · 1w 阅读

2 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个使用jQuery操作DOM的具体案例，展示了如何通过jQuery选择器选取元素，并触发按钮点击事件来获取DOM元素的值。

直接上代码

js部分代码使用的是jquery

	$(".lookbtn").click(function(){
		var dir=$(this).parents("tr").find("input").val();
		alert(dir);			
		});

这里有一掉要说一下由于是使用foreach获取到的代码获取不能使用id来获取.可以使用class标签

之前在上搜看到这种形式的代码但是获取不到值

var dir=$(this).parents("tr").find(".dir").val();

这种形式可以获取到多试一试吧

var dir=$(this).parents("tr").find("input").val();

</table>
		<table cellpadding="0" cellspacing="0" id="tablehide">	
				<?php foreach ($file['filename'] as $key => $value):?>
			<tr>
				<td> <?php echo $i++;?></td>
				<td > <?php echo $value; ?><input  clas="dir" id="filename"  style="" type="text" name="fileName" value="<?php echo $value; ?>" disabled> </td>
				 <td><?php echo $file['filesize'][$key].'k' ?></td>	 
				<td class="last"><input class="lookbtn" name="" style=" " type="button" value="查看" ></td>
				<td class="last"><input type="button" name="" value="重命名"></td>
			</tr>
			 <?php endforeach;?>
				
		</table>