選擇表內的多個列並從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