Question

给出像这样的代码

<table>
  <tr>
    <td>1</td>
    <td>e</td>
    <td>a</td>
  </tr>
  <tr>
    <td>2</td>
    <td>e</td>
    <td>c</td>
  </tr>
   ...
</table>

每一行的第一个单元格是id（它是唯一的）如果输入是id的值，我如何获得该行中第三个单元格的值

Example: input 1 -> output a
         input 2 -> output c

我怎样才能用Jquery做到？

Answer 1

您可以使用td:last

<强> Live Demo

$('tr').eq(index).find('td:last').text();

Answer 2

更新

您可以执行以下操作

var valueSearch = "4";
$('tr').each(function(index){
        if($(this).find('td:first').text()==valueSearch){
            alert($(this).find('td:last').text());
        }

 });

以下是 live fiddle

的工作示例

旧答案

$('tr').eq("1").find('td:last').text();

这是正确的做法。

以下是 Fiddle

的实例

Answer 3

尝试

$('table tr').each(function(){
     alert("input "+ $(this + 'td').eq(0).text() + " -> " + $(this + 'td').eq(2).text());
});

或尝试

$('table tr').each(function(){
     alert("input "+ $(this + 'td:first').text() + " -> " + $(this + 'td:last').text());
});

Answer 4

使用JavaScript，您可以使用此

var id = document.getElementsByTagName('tr')[0].getElementsByTagName('td')[0].innerHTML;
var value = document.getElementsByTagName('tr')[id].getElementsByTagName('td')[2].innerHTML;

Answer 5

这正是你想要的。

您可以使用Demo Link

功能看起来像

$(document).ready(function() {

$('table tr').each(function() {        

  var str = "input "+ $(this).find('td:first').text() + " -> output " + $(this).find('td:last').text();        
    $("#result").append("</br>"+str);
});

}）;

如何在此示例中获取数据

5 个答案:

更新

旧答案