没问题啊。 $("td")取到了所有的td，所以4个都写入了嘛。 然后又在html();这个方法里传入了一个字符串。这是正常的显示啊。
只在姓名处更改的话，应该是$(td)eq(0)html(stuname);
1、表格奇数行和偶数行分别添加样式
复制代码
代码如下:
$(function(){
$('tr:odd')addClass("odd");
$('tr:even')addClass("even");
});
不算表的头部
复制代码
代码如下:
$(function(){
$('tbody>tr:odd')addClass("odd");
$('tbody>tr:even')addClass("even");
});
2、单选框控制行的高亮显示
复制代码
代码如下:
$('tobdy>tr')click(function(){
$(this)addClass('selected')
siblings()removeClass('selected')
end()
//
重新返回该对象
find(':radio')attr('checked',true);
});
3、复选框控制行的高亮显示
复制代码
代码如下:
$('tobdy>tr')click(function(){
if(
$(this)hasClass('selected')
){
//
判断是否有selected高亮样式
$(this)removeClass('selected')
find(':checkbox')attr('checked',false);
}else{
$(this)addClass('selected')
find(':checkbox')attr('checked',true);
}
});
4、表格内容筛选
复制代码
代码如下:
$(function(){
$('table
tbody
tr')hide()
filter(":contains(李)")show();
});
<table class="table table-hover" id="test123">
<tr>
<th width="45">选择</th>
<th width="100">驾校名称</th>
<th width="100">合作驾校名称</th>
<th width="100">申请时间</th>
<th width="100">申请状态</th>
<th width="100"> *** 作</th>
</tr>
<tr>
<td><input type="checkbox" name="id" value="1" /></td>
<td>中大驾校</td>
<td>潇湘驾校</td>
<td>2016-04-15 14:40:20</td>
<td class="tablestate">未处理</td>
<td><a class="change button border-blue button-little update" href="#">修改申请状态</a></td>
</tr>
<tr>
<td><input type="checkbox" name="id" value="1" /></td>
<td>中大驾校</td>
<td>潇湘驾校</td>
<td>2016-04-15 14:40:20</td>
<td class="tablestate">未处理</td>
<td><a class="change button border-blue button-little update" href="#">修改申请状态</a></td>
</tr>
</table>
扩展资料：
遍历同胞：
siblings（）：被选中时找到自己的兄弟姐妹，写法有siblings（所有的兄弟姐妹）和siblings（“同级的兄弟姐妹”）。
next（）：被选中时找到自己的下级，写法有 nextAll（找到所有的下级）和next（“找到下一个元素”）和nextuntil（"被选中的元素的范围内的元素"）。
prev(), prevAll() 以及 prevUntil() 方法的工作方式与上面的方法类似，只不过方向相反：它们返回的是前面的同胞元素（在 DOM 树中沿着同胞元素向后遍历，而不是向前）。
first（）：返回被选中的第一元素 ，写法 $("div p")first()css("样式") 。
last（）：被选中的最后一个元素，写法 $("div p")last()css(”样式“) 。
eq（）：返回被选中元素中有索引的元素，索引号，是从0开始不是从1开始比如treq(0)id ==dataeq[i-1]id 或者 tr[0]id = data[i-1]id。
filter（）：删除真正意义上的过滤，写法 $("div ")filter("span")hide() 。
not（）：就是跟filter（）相反的用法。
jquery获取html元素的高度使用height()方法即可。
定义和用法：
height() 方法返回或设置匹配元素的高度。
返回高度：
返回第一个匹配元素的高度。
如果不为该方法设置参数，则返回以像素计的匹配元素的高度。
语法：
$(selector)height(length)
例如：
$("btn1")click(function(){
alert($("p")height());
});
设置高度：
设置所有匹配元素的高度。
语法：
$(selector)height(length)
例如：
$("btn1")click(function(){
$("p")height(50);
});
$(tbody)find('tr')eq(1)find('td')eq(2);
这条代码取的是第1个tr的第2个td
你可以用$(tbody)find('tr')size()取所有tr
然后在循环中取第二个td
因为tr的下标是从0开始的，所以实际取的则是第i-1个下标的元素。比如，你想取第二个tr，那么就是$("table tr:eq(1)")，想去第58个tr则是$("table tr:eq(57)")
就可以了
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>判断</title>
<!--table找到表格 tr:eq(1) 找到第二行，eq从0开始，td:eq(1)找到第二列text()得到信息（深圳网站建设=">
以上就是关于jquery获取表单的值写到表格中全部的内容，包括:jquery获取表单的值写到表格中、JQuery对表格进行 *** 作的常用技巧总结、jQuery怎么遍历表格，获取每一列的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）