我在编辑获取的值时遇到问题

问题描述 投票:0回答:0

当我提取数据并想将它们添加到表中时,给定的 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>
javascript for-loop split trim innertext
© www.soinside.com 2019 - 2024. All rights reserved.