Javascript 得到桌子上的坐标位置

嗨，我在思考解决这个对数时遇到了问题，如果答案是angularjs javascript，那就太好了

我的问题是我有这个表：

如何在单击任何后获取当前坐标位置

我想解释一下我的问题：

这是一张关于我的桌子和我想要的东西的照片：如果我点击14得到它的坐标，14号的wana be值是

ENG209

和

12:00-13:00

，如果我点击23号得到

ENG214 14:00-15:00

我希望我发了一个好问题让你们理解

注意1：照片中的数字只是一个例子，我需要放一些别的东西

注意2:我正在使用数据库从中获取此值

<div class="panel panel-Technical text-center">
    <div class="panel-heading">
        <h3 class="panel-title">
            <i class="fa  fa-institution"> </i>
            Monday
        </h3>
    </div>
</div>
<div class="table-responsive text-center">
    <table class="table table-bordered text-center">
        <thead>
            <tr class="text-center">
                <th>#</th>
                <th>ENG201</th>
                <th>ENG209</th>
                <th>ENG214</th>
                <th>EBN204</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th scope="row">9:00-10:00</th>
                <td>1</td>
                <td>2</td>
                <td>3</td>
                <td>4</td>
            </tr>
            <tr>
                <th scope="row">10:00-11:00</th>
                  <td>5</td>
                <td>6</td>
                <td>7</td>
                <td>8</td>
            </tr>                  
            <tr>
                <th scope="row">11:00-12:00 </th>
                <td>9</td>
                <td>10</td>
                <td>11</td>
                <td>12</td>
            <tr>
                <th scope="row">12:00-13:00</th>
                <td>13</td>
                <td>14</td>
                <td>15</td>
                <td>16</td>
            </tr>
            <tr>
                <th scope="row">13:00-14:00</th>
                <td>17</td>
                <td>18</td>
                <td>19</td>
                <td>20</td>
            </tr>
            <tr>
                <th scope="row">14:00-15:00</th>
                <td>21</td>
                <td>22</td>
                <td>23</td>
                <td>24</td>
            </tr>
            <tr>
                <th class="aaa" scope="row" >15:00-16:00</th>
                <td>25</td>
                <td>26</td>
                <td>27</td>
                <td>28</td>
            </tr>
            <tr>
                <th scope="row">16:00-17:00</th>
                <td>29</td>
                <td>30</td>
                <td>31</td>
                <td>32</td>
            </tr>
        </tbody>
    </table>
</div>

星期一
#
英语201
英语209
英语214
EBN204
9:00-10:00
1.
2.
3.
4.
10:00-11:00
5.
6.
7.
8.
11:00-12:00 
9
10
11
12
12:00-13:00
13
14
15
16
13:00-14:00
17
18
19
20
14:00-15:00
21
22
23
24
15:00-16:00
25
26
27
28
16:00-17:00
29
30
31
32

因为您包含了jQuery，所以请使用

index（）

---

当不带参数使用时，它返回同级元素中元素的索引

如果使用带有对象集合（每个对象代表一行数据）的ng repeat布局表，则可以使用ng click启动函数，传入表示该行的对象

大概是这样的：

<tr ng-repeat="row in vm.tableData" ng-click=vm.selectRow(row);>
    <td ....>
    <td ....>
    <td ....>
</tr>

在控制器中，将vm.tableData定义为包含数据的对象数组。vm.selectRow是一个函数，它接收数据对象并执行您需要执行的任何操作。

使用它！小提琴：

它首先通过索引子编号

$（this）.index（）

搜索主题，然后查看标题中的哪个子项属于单击的tr

var subject=…

。接下来，它用

scope=row

查找与

相同的
tr
中的
th
。查找（'th[scope=“row”]”）

但它非常紧凑：）

享受吧

编辑：

这基本上是同一个脚本，但是现在您有了变量

subject

和

time

，您可以将这些变量传递给您的AngularJS

    $(document).ready(function() {
    $('td').click(function() {
        var subject = $("tr.text-center th").get($(this).index());
        subject = $(subject).text();
        var time = $(this).parent().find('th[scope="row"]').text();

        alert(time+" "+subject);
    });
});

---

你能把表格的HTML贴出来吗？编辑：谢谢：）你介意使用jquery吗？是的，没问题，如果我接受值，我可以在那之后将它传递给我的angular。谢谢你，非常感谢：）太好了，它与我一起工作

$(document).ready(function() {
    $('td').click(function() {
        var subject = $("tr.text-center th").get($(this).index());
        alert($(this).parent().find('th[scope="row"]').text()+" "+$(subject).text());
    });
});

    $(document).ready(function() {
    $('td').click(function() {
        var subject = $("tr.text-center th").get($(this).index());
        subject = $(subject).text();
        var time = $(this).parent().find('th[scope="row"]').text();

        alert(time+" "+subject);
    });
});