JQuery，如何通过自定义属性读取值

Question

我想通过使用 JQuery 指定它的 row-id 和 col-id 来获取 TD 的数据值。 有什么提示吗？

<tr>
    <td row-id=0 col-id=0 data-value="20">20</td>
    <td row-id=0 col-id=1 data-value="0"> - </td>
    <td row-id=0 col-id=2 data-value="0"> - </td>
    <td row-id=0 col-id=3 data-value="0"> - </td>
    <td row-id=0 col-id=4 data-value="0"> - </td>
    <td row-id=0 col-id=5 data-value="0"> - </td>
    <td row-id=0 col-id=6 data-value="0"> - </td>
    <td row-id=0 col-id=7 data-value="0,11">0,11</td>
    <td row-id=0 col-id=8 data-value="0,13">0,13</td>
    <td row-id=0 col-id=9 data-value="0,16">0,16</td>
    <td row-id=0 col-id=10 data-value="0,18">0,18</td>
</tr>

非常感谢。

Answer 1

例如，如果要获取row-id=0和col-id=4的data-value ，可以这样获取。

const dataValue = $('td[row-id="0"][col-id="4"]').attr('data-value');

Answer 2

试试这个片段来获取row-id=0 col-id=0 data-value ： $('td[row-id="0"][col-id="0"]').attr('data-value');

Answer 3

提供一个能够通过prompt()输入数据的解决方案，使用这样的选择器：

$('table tr td[row-id="' + row + '"][col-id="' + col + '"]').attr("data-value"); 

带有row-id和col-id变量的指示。

 let row = prompt("Enter row"); let col = prompt("Enter col"); let val = $('table tr td[row-id="' + row + '"][col-id="' + col + '"]').attr("data-value"); console.log(val);

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table> <tr> <td row-id="0" col-id="0" data-value="20">20</td> <td row-id="0" col-id="1" data-value="0">-</td> <td row-id="0" col-id="2" data-value="0">-</td> <td row-id="0" col-id="3" data-value="0">-</td> <td row-id="0" col-id="4" data-value="0">-</td> <td row-id="0" col-id="5" data-value="0">-</td> <td row-id="0" col-id="6" data-value="0">-</td> <td row-id="0" col-id="7" data-value="0,11">0,11</td> <td row-id="0" col-id="8" data-value="0,13">0,13</td> <td row-id="0" col-id="9" data-value="0,16">0,16</td> <td row-id="0" col-id="10" data-value="0,18">0,18</td> </tr> </table>