当我提取数据并想将它们添加到表中时,给定的 JavaScript 代码仅检索每个
<td>
的第一行并忽略其余行。这是一个问题,因为我不知道如何让它检索第二个、第三个和第四个 <td>
的所有行,并在它们以“-”符号开头时分别将它们添加为新事物。首先<td>
我只需要“标题1”。非常感谢您的帮助。
JavaScript:
const dataSets = [{ set: new Set(), columnIndex: 0 }, { set: new Set(), columnIndex: 1 }, { set: new Set(), columnIndex: 2 }, { set: new Set(), columnIndex: 3 }];
const tbody = document.querySelector("tbody");
const rows = tbody.querySelectorAll("tr");
for (let row of rows) {
const cells = row.querySelectorAll("td");
for (let dataSet of dataSets) {
const cell = cells[dataSet.columnIndex];
if (cell) {
dataSet.set.add(cell.innerText.trim().split('\n')[0]);
}
}
}
HTML:
<tr>
<td>Title 1<br />
Line title 1
</td>
<td>Specific 1</td>
<td>- Thing 1<br />
- Thing 2
</td>
<td>- Something 1<br />
- Something 2<br />
- Something 3<br />
- Something 4<br />
- Something 5<br />
- Something 6<br />
- Something 7
</td>
</tr>