JQuery获取动态table的某行某列的值

JQuery获取动态table的某行某列的值,第1张

嗯… 根据LZ的代码,不太理解输出效果,

不过我修改了部份源码试了一个方法,LZ 你就看看呗

var shtml = '';

for (var i = 1; i < 3; i++) {

var item = 'testing';

shtml += '<tr name="result" id="tr[' + i + ']">';

shtml += '<td id="td1" height="25" align="left" valign="middle"> ' + itemEFFECTIVE_DATE + '</td>';

shtml += '<td id="td7" height="25" align="left" valign="middle"><a href="#" onclick="" > ' + itemPJPTARGET_TOWNCOUNT_DAY + '</a></td>';

shtml += '<td id="td8" height="25" align="left" valign="middle"><a href="#" onclick="" > ' + itemPJPACTUAL_TOWNCOUNT_DAY + '</a></td>';

shtml += '<td id="td9" height="25" align="left" valign="middle" > ' + itemACTTOWNNUM + '</td>';

shtml += '<td id="td10" height="25" align="left" valign="middle"> ' + itemTOWNPJP_PERCENT + '</td>';

shtml += '<td id="td11" height="25" align="left" valign="middle"> ' + itemFARDISTANCE_BYDT + '</td>';

shtml += '<td id="td12" height="25" align="left" valign="middle"> ' + itemTOWNNAME + '</td>';

shtml += '<td height="25" align="left" valign="middle"><input type="button" class="visittrack" value="拜访轨迹" > </td>';

shtml += '</tr>';

}

$("#report")append(shtml);

$('inputvisittrack')click(function() {

var $thisTR = $(this)parents('tr');

var thisTR_ID = $thisTRattr('id');

$thisTRcss({

background: '#0cc'

});

var td10_val = $thisTRfind('#td10')text();

alert(thisTR_ID);

});​

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

var td = $('table')find('tr:last-child')find('td')eq(0)

var tdText = tdtext();

var num = parseInt(tdText);

if (!isNaN(num)) {

    tdappend(`<input value="${++num}" type="hidden" />`)

}

大概就是这样的,第一行代码获取到你要的单元格,eq(0) 前的是获取最后一行所有的 td,用 eq(0) 获取你要的单元格。

-------------------

var input = $('table')find('tr:last-child')find('count')

var num = inputval();

if (!isNaN(num)) {

    inputval(++num)

}

一个 inputhidden的话,要不要 eq() 无所谓。

行列从0开始计算

jquery获取一个td,一行代码搞定

$('#'+tableID)find('tr:eq('+row+')')find('td:eq('+col+')');

你的代码 都没怎么用到jquery呀!!!

<head> 

<script type="text/javascript" src=">

$(function(){

       var tds = "";

       $("table tr")each(function(){

        tds = tds+$(this)find("td")eq(0)text();        

       });

       alert(tds);

     })

注:eq(0)是获取的每个tr中的第一个td,值根据需要自己修改即可。

以上就是关于JQuery获取动态table的某行某列的值全部的内容,包括:JQuery获取动态table的某行某列的值、jQuery怎么遍历表格,获取每一列的值、jquery 获取table最后一行的某一列等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: https://outofmemory.cn/web/9402035.html

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

发表评论

登录后才能评论

评论列表(0条)

保存