javascript - 本例中如何获取数据

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

现场演示

$('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

这正是你想要的。

你可以使用演示链接

功能看起来像

$(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);
});

});