怎么用JQ获得表格中的文本

怎么用JQ获得表格中的文本,第1张

可以使用each循环来实现:

$("#datalist1 tr")each(function(){ // 循环每一行

var one=$(this)find("td:eq(0)")find("input")val(); //取第一列中input的值

var two=$(this)find("td:eq(1)")find("input")val(); // 取第二列中input的值

var three=one+tow; // 两列值相加

$(this)find("td:eq(2)")find("input")val(three); // 赋值给第三列中的intput

})

我实在不知道你是什么意思,大概写了下

<script>

$(document)ready(function

(){

$("input:checkbox")each(function

(){

$(this)click(function

(){

if

(

$(this)attr('checked')

){

$('tr')eq(parseInt($(this)val()))hide();

}else{

$('tr')eq(parseInt($(this)val()))show();

}

});

});

});

</script>

<input

type="checkbox"

value="0"/>

<input

type="checkbox"

value="1"/>

<input

type="checkbox"

value="2"/>

<table

width="200"

border="1">

<tr>

<td>1</td>

<td> </td>

<td> </td>

</tr>

<tr>

<td>2</td>

<td> </td>

<td> </td>

</tr>

<tr>

<td>3</td>

<td> </td>

<td> </td>

</tr>

</table>

如下所示:

<tbody

id="already_question_list">

<tr>

<td><php

echo

$val['unique_number'];

></td>

<td><php

echo

$val['year']'-'$val['series'];

></td>

<td><php

echo

$val['content']

></td>

<td><php

echo

$val['knowledges']

></td>

<td><php

echo

$val['last_admin'];

></td>

<td>

<input

type="button"

class="btn"

value="-"

data-score="<php

echo

$val['score'];

>"

onclick='remove_selected(this);'/>\

<input

type="hidden"

name="question_numbers[]"

value="<php

echo

$val['unique_number'];

>"/>

</td>

</tr>

</tbody>

<script>

var

leng

=

$("#already_question_list

tr")length;

var

filter_numbs

=

new

Array();

for(var

i=0;

i<=leng;

i++)

{

numberStr

=

$("#already_question_list

tr")eq(i)find("td:first")html();

filter_numbspush(numberStr);

}

</script>

以上就是小编为大家带来的jQuery

获取遍历获取table中每一个tr中的第一个td的方法全部内容了,希望大家多多支持脚本之家~

一般都会在后台获得,比如这个表格数据是用$list这个变量存储的,$list中每个元素都有id date title file四个字段,checkbox的name是id,现在写一个js方法用来将选中的复选框传到后台,需要使用一个按钮触发下面的方法

function fun(){

var arr = new Array();

$(":checked")each(function(){

arr[] = $(this)attr("name");

});

//然后用任意方法将arr传到后台

}

在后台根据传回来的id在$list中获得要你想要的数据。

上面是我觉得最简单的方法。

下面还有一个在页面里获得你要的数据的方法

将每一行数据都写在同一个div里,根据复选框的标示获得对应div内的数据

<div name=“id”>数据, (最后一列)<input type="checkbox" name="id" /></div>

<script>

function fun(){

var arr = new Array();

var name = '';

$(":checked")each(function(){

name = $(this)attr("name");

arr[] = $("div[name=" + name + "]")html();

});

}

</script>

(1)<table id = "test"><tr><td>1</td><td>1</td><td>2</td><td>3</td></tr>。

(2) <tr><td>2</td><td>4</td><td>5</td><td>6</td></tr>。

(3) <tr><td>3</td><td>7</td><td>8</td><td>9</td></tr>。

(4)<tr><td>4</td><td>1</td><td>2</td><td>3</td></tr>。

(5)</table><input type="button" id="btn" value="设置">。

1、介绍:

(1)基本信息:jQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的 *** 作。

(2)研发团队:由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。

(3)特点:动态特效、AJAX、通过插件来扩展、方便的工具 、渐进增强、链式调用、多浏览器支持、支持Internet 。

jquery代码

$("myclass")each(function(){

$("#sub",this)click(function(){

// alert(1)

alert($(this)parents("tr")html());

});

});

});

表格html代码

<table border="1">

<tr class="myclass">

<th>Month</th>

<th>Savings</th>

<th><input id="sub" type="submit" ></input></th>

</tr>

<tr class="myclass">

<td>January</td>

<td>$100</td>

<th><input id="sub" type="submit" ></input></th>

</tr>

</table>

通过$(this)获取所点击的按钮,

$(this)parents(“tr”)获取按钮所在行,

$(this)parents(“tr”)find(“”)text()获取按钮所在行class为的元素的值。

用JQuery获取表格最后一行或一列的代码例子

代码如下:

$('#mytable tr:last')find('td')addClass('end');

$('#mytable tr')find('td:last')addClass('end');

获取倒数第二行

代码如下:

$("#tbData tr")get($("#tbData tr")length - 2);

$("#tbData tr")eq(-2);

以上就是关于怎么用JQ获得表格中的文本全部的内容,包括:怎么用JQ获得表格中的文本、JQuery 获取表格对象、jQuery 获取遍历获取table中每一个tr中的第一个td的方法等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9544420.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存