Javascript 有没有办法解析';这个';?
我表格的每一行的末尾都有一个按钮,它有一个addEventListener,如下所示Javascript 有没有办法解析';这个';?,javascript,Javascript,我表格的每一行的末尾都有一个按钮,它有一个addEventListener,如下所示 button.addEventListener ("click", function() { deleteSummary(this); }); function deleteSummary(oButton) { console.log(oButton.parentNode.parentNode.innerHTML) } <td>966</td><
button.addEventListener ("click", function() {
deleteSummary(this);
});
function deleteSummary(oButton)
{
console.log(oButton.parentNode.parentNode.innerHTML)
}
<td>966</td><td>TypeA</td><td>1234</td><td>10,000</td><td>9,861</td><td>139</td><td>2021-01-02</td><td>3</td><td>7</td><td>8</td><td>7</td><td>89</td><td>9</td><td>8</td><td>7</td><td>1</td><td><button>delete</button></td>
console.log显示如下:
button.addEventListener ("click", function() {
deleteSummary(this);
});
function deleteSummary(oButton)
{
console.log(oButton.parentNode.parentNode.innerHTML)
}
<td>966</td><td>TypeA</td><td>1234</td><td>10,000</td><td>9,861</td><td>139</td><td>2021-01-02</td><td>3</td><td>7</td><td>8</td><td>7</td><td>89</td><td>9</td><td>8</td><td>7</td><td>1</td><td><button>delete</button></td>
966类型A123410098611392021-01-023787899871删除
但我不知道如何解析(?)它。
我总能找到你在谷歌搜索时使用document.getElementById()的答案
谢谢您不应该以解析HTML为目标。您可以访问DOM,所以请坚持使用它。您已经成功地找到了
tr
元素,然后可以使用其cells
属性访问所有td
元素,并且可以将该单元格列表映射到它们的文本内容。这样就得到了一个标准数组,其中包含该特定行的所有单元格文本
let buttons=document.querySelectorAll(“td>按钮”);
用于(让按钮中的按钮){
//您的代码:
button.addEventListener(“单击”,函数(){
删除摘要(本);
});
}
函数删除摘要(OBUTON){
设tr=oButton.parentNode.parentNode;
让data=Array.from(tr.cells,cell=>cell.textContent);
data.pop();//可选:使用delete按钮删除列
控制台日志(数据);
}
966
A型
1234
10,000
2021-01-02
删除
123
B型
9988
29,999
2020-09-20
删除
现在还不清楚你想在这里实现什么。您已经有一个已解析的版本(它是oButton.parentNode.parentNode
),您只是用innerHTML
创建了一个序列化副本。为什么要解析该输出?您试图实现的目标是什么?@evolutionxbox tr应发送到服务器以删除与tr匹配的行。格式应为数组。所以我想我需要解析它。