我正在使用 Bootstrap Table 集成来创建一个表,其中包含来自我的 ajax get 请求的数据。
表插件动态生成一个<tbody>
with <tr>
and <td>
根据您的数据。我需要能够找到个人<tr>
与他们各自的<td>
在另一个 ajax 调用中使用的值。
<table id="table>
<tbody>
<tr data-index="0">
<td>ACB</td>
<td>1540</td>
<td>0784</td>
<td>E</td>
</tr>
<tr data-index="1">
<td>ACB</td>
<td>1559</td>
<td>0784</td>
<td>E</td>
</tr>
<tr data-index="2">
<td>ACB</td>
<td>2095</td>
<td>0784</td>
<td>A</td>
</tr>
<tr data-index="3">
<td>ADH</td>
<td>0001</td>
<td>0347</td>
<td>S</td>
</tr>
<tr data-index="4">
<td>ADH</td>
<td>1075</td>
<td>0347</td>
<td>E</td>
</tr>
<tr data-index="5">
<td>ADH</td>
<td>0001</td>
<td>0347</td>
<td>A</td>
</tr>
<tr data-index="6">
<td>ADH</td>
<td>1076</td>
<td>0347</td>
<td>E</td>
</tr>
<tr data-index="7">
<td>AHG</td>
<td>2136</td>
<td>0657</td>
<td>W</td>
</tr>
<tr data-index="8">
<td>AHG</td>
<td>1037</td>
<td>0657</td>
<td>E</td>
</tr>
<tr data-index="9">
<td>AHG</td>
<td>I013</td>
<td>0657</td>
<td>W</td>
</tr>
</tbody>
</table>
我目前有这个点击事件。
let data = []
$("#table").on("click", function (id) {
const $ths = $(this).find("tr")
$.each($ths, function () {
data.push($(this).text().trim())
})
console.log(data)
})
现在这将得到所有<td>
价值观,像这样。
[
"ACB",
"1540",
"0784",
"E",
"ACB",
"1559",
"0784",
"E",
"ACB",
"2095",
"0784",
"A",
"ADH",
"1075",
"0347",
"E",
"ADH",
"0001",
"0347",
"S",
"ADH",
"0001",
"0347",
"A",
"ADH",
"1076",
"0347",
"E",
"AHG",
"2135",
"0657",
"W",
"AHG",
"1037",
"0657",
"E",
"AHG",
"2101",
"0657",
"A"
]
我只需要能够得到一个<tr>
值并将它们分别推入数据数组,如下例所示。如何从 data-index 属性中获取索引<tr>
获取单个数据并将其推入数据数组?任何意见是极大的赞赏!
[
"ACB",
"1540",
"0784",
"E"
]
[
"ACB",
"1559",
"0784",
"E"
]
[
"ACB",
"2095",
"0784",
"A"
]
[
"ADH",
"1075",
"0347",
"E"
]
[
"ADH",
"0001",
"0347",
"S"
]