Question

我有这种表结构，我想显示输入类型文本的值，我试过这个尝试，但它没有用。

<table border="1">
  <tr>
    <th>Name</th>
    <th>Adress</th>
    <th>display</th>
  </tr>
  <tr>
    <td> <input type="text" class="name"> </td>
    <td> <input type="text" class="adress"> </td>
    <td> <input type="button" value="display" class="show"> </td>
  </tr>
  <tr>
    <td> <input type="text" class="name"> </td>
    <td> <input type="text" class="Adress"> </td>
    <td> <input type="button" value="display" class="show"> </td>
  </tr>
</table>

file.js

$(document).ready(function (){
    $(".show").click(function(data){
        alert($(this).parent().prev().prev().text());
        alert($(this).parent().prev().text());
    });
});

Answer 1

您可以使用parent()导航到行元素（一个转到td，第二个转到tr）。然后，您可以访问以下文本字段：

$(document).ready(function (){

    $(".show").click(function(data){
        var row = $(this).parent().parent();
        var name = $('.name', row);
        var adress = $('.adress',row);
        alert(name.val());
        alert(adress.val());
    });

}）;

这是JS小提琴：https://jsfiddle.net/ab618s7v/

Answer 2

1st - 在你的第二个输入中你有class =“Adress”它应该是class =“adress”

$(document).ready(function (){

        $(".show").click(function(data){
           alert($(this).closest('tr').find('.name').val());
           alert($(this).closest('tr').find('.adress').val());
        });
});

使用jquery从html表中显示值

2 个答案: