Javascript/jQuery表元素抓取

我有个问题，我想抓住“td”中的价值 这是我的代码：

<table>
      <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
        <td>6</td>
        <td>7</td>
      </tr>
      <tr>
        <td>8</td>
        <td>9</td>
        <td>10</td>
        <td>11</td>
        <td>12</td>
        <td>13</td>
        <td>14</td>
      </tr>
      <tr>
        <td>15</td>
        <td>16</td>
        <td>17</td>
        <td>18</td>
        <td>19</td>
        <td>20</td>
        <td>21</td>
      </tr>
      <tr>
        <td>22</td>
        <td>23</td>
        <td>24</td>
        <td>25</td>
        <td>26</td>
        <td>27</td>
        <td>28</td>
      </tr>
      <tr>
        <td>29</td>
        <td>30</td>
        <td>31</td>
      </tr>
    </table>

1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

---

我尝试过给他们类和onclick函数（），但有没有办法不创建一千多个函数和ID。

使用事件委派：向

表添加一个侦听器，然后检查所有单击事件的
目标。如果单击的元素与
td
匹配，则获取该
td
的
textContent
：


document.querySelector（'table'）.addEventListener（'click'，（{target}）=>{
如果（！target.matches（'td'））返回；
log（'clicked on element with textContent:'+target.textContent）；
});

1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
您可以在表上设置onclick事件句柄（使用jquery中的id或类选择器）。请参阅下面的代码


$（function（）{//这是为了确保所有DOM
$（“#tableToRead td”）。在（“单击”上，函数（）{//单击tableToRead表中每个td的处理程序
var value=$（this）.text（）；//此处$（this）引用单击的td，并使用.text（）给出td内的文本。
警报（值）；
});
});

1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
希望这对您有所帮助


$（'tbl'）。在（'click'，'td'，function（）上{
var myValue=$（this.html（）；
var prevValue=$（this.prev（'td'）.html（）；
var nextValue=$（this.next（'td'）.html（）；
警报（'myvalue='+myvalue+'，prevValue='+prevValue+'，nextValue='+nextValue+''；
});

1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
您是否有任何id或类要输入表格，以及要读取哪个td值？此问题至少缺少3个重要要求，1：触发时，2：要检索哪个td（s）值，3：预期输出结果