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 个答案: