使用Jquery / Javascript中的click()将值从表行传输到另一个页面

时间:2017-06-28 14:42:25

标签: javascript jquery html-table click row

该脚本让我显示当前行文本并将整个记录显示为一行文本。但我需要访问表的每个TD以从同一行分别获取所有数据。

实际上,我有一张人的表。所以,如果我点击一个记录,那么我想在另一个页面上显示该人/记录的详细信息。就像对特定记录的更详细的看法一样。

[脚本]

<script>
$(document).ready(function(){
    $('table tbody tr').click(function(){
        var a=$(this).text();
        document.write(a);
    });
});
</script>

1 个答案:

答案 0 :(得分:0)

您可以使用tds

解析所点击行中侦听器中的所有.each()

&#13;
&#13;
$(document).ready(function(){
    $('table tbody tr').click(function(){
        var a=[];
        $(this).find('td').each(function(){
        a.push($(this).text());
        });
     console.log(a);
    });
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
</tr>
<tr>
<td>D</td>
<td>E</td>
<td>F</td>
</tr>
</table>
&#13;
&#13;
&#13;