选择表内的多个列并从jquery检索值

Question

我一直在找几个小时，但是我找不到解决问题的方法。.我在StackOverflow上到处搜索。

案例：我有一个包含许多不同列的HTML表。 我想在表中选择多个列，并使它们从jquery检索值。

我不想达到上述结果，但是我想要达到以下结果：

Answer 1

好吧，这真的很简单。我使用了您在注释中提供的jsfiddle并对其进行了更改，以访问用户单击的行中的列值并将结果显示在警报框中。 我希望它可以帮助您：

<head runat="server">
    <title></title>
    <style type="text/css">
        tr.highlighted td {
            background: red;
        }
    </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {

            $('#data tr').click(function (e) {
                $('#data tr').removeClass('highlighted');
                $(this).addClass('highlighted');

                var columns = $(this).children();

                var name = $(columns[0]).text();
                var surname = $(columns[1]).text();
                var age = $(columns[2]).text();
                var dob = $(columns[3]).text();

                var clickedRow = "Name - " + name + ".Surname - " + surname + ".Age - " + age;

                alert(clickedRow);
            });
        });
    </script>
</head>
<body>
    <table id="data" border="1" cellspacing="1" width="500" id="table1">
        <tr>
            <td>User Name 1</td>
            <td>User Surname 1</td>
            <td>User Age 1</td>
            <td>User DOB 1</td>
        </tr>
        <tr>
            <td>User Name 2</td>
            <td>User Surname 2</td>
            <td>User Age 2</td>
            <td>User DOB 2</td>
        </tr>
    </table>
</body>

选择表内的多个列并从jquery检索值

问题描述

1 个解决方案

解决方案1
0 2016-07-03 17:29:34

选择表内的多个列并从jquery检索值

问题描述

1 个解决方案

解决方案1 0 2016-07-03 17:29:34

解决方案1
0 2016-07-03 17:29:34