jquery怎么获取到table的每一个td（table是一列多行的）

1、在html中定义一个表格table，并且给其这只一个id

2、定义一个js函数，在函数中利用jquery的链式语法获取table下的所有td

3、结果得到一个包含table下的所有td的数组

示例：

html代码：

<table id="mytable">

    <tr><td>第一行</td></tr>

    <tr><td>第二行</td></tr>

    <tr><td>第三行</td></tr>

</table>

js代码：

function getAllTd(){

    var tdArr = $('#mytable tr td');

    alert(tdArrlength);

}

有两种方法可以获取tr下的第二个td元素：

1、使用css选择器，$("tr td:nth-child(2)")。

2、使用遍历函数eq()。

下面就以上两个方法进行实例演示：单击按钮改变所有行的第二个单元格的样式，单击任意行改变该行第二个单元格的样式。

1、HTML结构

<table id = "test">

    <tr><td>1</td><td>1</td><td>2</td><td>3</td></tr>

    <tr><td>2</td><td>4</td><td>5</td><td>6</td></tr>

    <tr><td>3</td><td>7</td><td>8</td><td>9</td></tr>

    <tr><td>4</td><td>1</td><td>2</td><td>3</td></tr>

</table>

<input type="button" id="btn" value="设置">

2、jquery代码

$(function(){

    $("#btn")click(function() {

        $("#test tr td:nth-child(2)")addClass('red');

    });

    $("#test tr")click(function() {

        $(this)children('td')eq(1)addClass('red');

    });

});

（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 。

js获取表格中每行的td元素方法：

<script>

var tb = documentgetElementById("tb");  //根据id找到这个表格

    var rows = tbrows;               //取得这个table下的所有行

    for(var i=0;i<rowslength;i++)//循环遍历所有的tr行

    {

      for(var j=0;j<rows[i]cellslength;j++)//取得第几行下面的td个数，再次循环遍历该行下面的td元素

      {

         var cell = rows[i]cells[j];//获取某行下面的某个td元素

       alert("第"+(i+1)+"行第"+(j+1)+"格的数字是"+cellinnerHTML);//cellinnerHTML获取元素里头的值  

}

}

</script>

拓展使用jq几行命令就能实现获取td的值

$("#tb tr td")each(function(i, v){    //针对tb表格下的所有td进行遍历

        alert("第"+(i + 1)+"格的数字是"+$(this)text());//返回当前td下的值

})

function 函数名()

{

var i=$('#xmmcTable tr')size();

var j=i-1;

if(i>1)

{

var td1text=$('#xmmcTable tr')eq(j)find("td")eq(0)text();

var td2text=$('#xmmcTable tr')eq(j)find("td")eq(1)find("input ")eq(0)val();

var td3text=$('#xmmcTable tr')eq(j)find("td")eq(2)find("input ")eq(0)val();

var td4text=$('#xmmcTable tr')eq(j)find("td")eq(3)find("<select>")eq(0)val();

}

不知道你要干嘛不过这样应该能筛选出最后一条的信息。如果你要筛选全部就来个循环

你要提交就写在form 里面呗给你的数据定义一个命名ID格式到后台根据直接根据条数一个循环request不就获取到了

public void parse(){

String htmlStr = "<table id=kbtable >"

+ "<tr> "

+ "<td width=123>"

+ "<div id=12>这里是要获取的数据1</div>"

+ "<div id=13>这里是要获取的数据2</div>"

+ "</td>"

+ "<td width=123>"

+ "<div id=12>这里是要获取的数据3</div>"

+ "<div id=13>这里是要获取的数据4</div>"

+ "</td> "

+ "</tr>"

+ "</table>";

Document doc = Jsoupparse(htmlStr);

// 根据id获取table

Element table = docgetElementById("kbtable");

// 使用选择器选择该table内所有的<tr> <tr/>

Elements trs = tableselect("tr");

//遍历该表格内的所有的<tr> <tr/>

for (int i = 0; i < trssize(); ++i) {

// 获取一个tr

Element tr = trsget(i);

// 获取该行的所有td节点

Elements tds = trselect("td");

// 选择某一个td节点

for (int j = 0; j < tdssize(); ++j) {

Element td = tdsget(j);

// 获取td节点的所有div

Elements divs = tdselect("div");

// 选择一个div

for (int k = 0; k < divssize(); k++) {

Element div = divsget(k);

//获取文本信息

String text = divtext();

//输出到控制台

Systemoutprintln(text);

}

}

}

}

以上就是关于jquery怎么获取到table的每一个td（table是一列多行的）全部的内容，包括:jquery怎么获取到table的每一个td（table是一列多行的）、jquery 对table的一些 *** 作 怎么获取tr下的第二个td元素、JQuery 根据TableID获取Table下面Tbody中第五个Tr中前两个td等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！