jquery如何获取表格的一行,并且获取其索引

jquery如何获取表格的一行,并且获取其索引,第1张

*** 作表格的jquery方法很很多,比较常用的有:

获取单行:$("table")find("tr")eq(x);//x是行标,从0开始

你说的获取索引可以$("table")find("tr")eq(x)index();//其实这里的索引就是x

获取单列:$("table")find("tr")eq(x)find("td")eq(y);////x是列标,从0开始

获取奇数行:$("table")find("tr:odd")

获取偶数行:$("table")find("tr:even)

<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()相反的用法。

js:

$(function(){

var myRows = $('table tr')click(function(){

alert('Row #' +myRowsindex(this) + ' value=' + $(this)children('td')text());

});

});

html:

<table width="300" border="1" cellspacing="1" cellpadding="2">

  <tr>

    <td width="150">0-1</td>

    <td width="150">0-2</td>

  </tr>

  <tr>

    <td>1-1</td>

    <td>1-2</td>

  </tr>

  <tr>

    <td>2-1</td>

    <td>2-2</td>

  </tr>

  <tr>

    <td>3-1</td>

    <td>3-2</td>

  </tr>

  <tr>

    <td>4-1</td>

    <td>4-2</td>

  </tr>

</table>

你试下看,是否是你要的

//先获取所有行

var rows=$("#tg")datagrid("getRows");

/然后遍历每一行,取出你需要的那一列对应的值(相当于间接的取了某一列的值)

column_name就是你要取值的列名/ for(var i=0;i<rowslength;i++){ var value=rows[i]column_name; alert(value); }

以上就是关于jquery如何获取表格的一行,并且获取其索引全部的内容,包括:jquery如何获取表格的一行,并且获取其索引、jQuery怎么遍历表格,获取每一列的值、jquery判断表格中是否有行被选中等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10178153.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-06
下一篇 2023-05-06

发表评论

登录后才能评论

评论列表(0条)

保存