Javascript JQuery-替换上一个父元素

我在下表中使用jquery：

targetButton=$（“.btn.btn-danger.btn-sm.motherboard”）
让targetButtonParent=targetButton[0]。parentElement
targetButtonParent.remove（）
targetButtonParent.insertAdjacentHTML（'beforebegin'`
`)
targetButton.attr（'class'，'btn btn danger btn sm主板'）；//将按钮类更改为红色
text（函数（）{
返回$（this）.text（）.replace（“添加”、“编辑”）；
});

中央处理器
添加CPU
主板
编辑主板
图形卡
添加图形卡
电源
添加电源
targetButtonParent.remove（）
正在删除父元素，因此
targetButtonParent.insertAdjacentHTML
将无法找到父元素。似乎要删除
targetButton


targetButton=$（“.btn.btn-danger.btn-sm.motherboard”）
让targetButtonParent=targetButton[0]。parentElement；
targetButton.remove（）；
//targetButtonParent.remove（）
targetButtonParent.insertAdjacentHTML（'beforebegin'`
`)
targetButton.attr（'class'，'btn btn danger btn sm主板'）；//将按钮类更改为红色
text（函数（）{
返回$（this）.text（）.replace（“添加”、“编辑”）；
});

中央处理器
添加CPU
主板
编辑主板
图形卡
添加图形卡
电源
添加电源
从您发布的图像来看，似乎您希望替换“编辑主板”按钮上一个单元格的内容。
您需要选择需要替换其内容的元素

targetButton = $(".btn.btn-danger.btn-sm.motherboard")

let elementToBeModified = targetButton.closest('tr').find('td:nth-child(2)');
elementToBeModified.empty();

elementToBeModified.html(`
                <td>    
                   <img src="" alt="" height="42" width="42">
                    <a href="">
                        Awesome title to replace!
                    </a>
                </td>    
            `);

targetButton=$（“.btn.btn-danger.btn-sm.motherboard”）
让elementToBeModified=targetButton.closest（'tr'）.find（'td:nth child（2））；
elementToBemoModified.empty（）；
elementToBeModified.html(`
`);
targetButton[0]。parentElement
是包装按钮的
，因此您选择了错误的目标

targetButton[0]。parentElement.previousElementSibling
这是目标

<td>
    <img src="//img.jpeg" height="42" width="42">
    <a href="www.link.com">Test Title</a>
</td>

在它之后。因此，您必须在插入后删除目标，否则，它将抛出一个错误，说明此元素没有父节点，因为您已经删除了它


targetButton=$（“.btn.btn-danger.btn-sm.motherboard”）
让targetButtonParent=targetButton[0]。parentElement.PreviousElement同级
targetButtonParent.insertAdjacentHTML（'beforebegin'`
`)
targetButtonParent.remove（）
targetButton.attr（'class'，'btn btn danger btn sm主板'）；//将按钮类更改为红色
text（函数（）{
返回$（this）.text（）.replace（“添加”、“编辑”）；
});

中央处理器
添加CPU
主板
编辑主板
图形卡
添加图形卡
电源
添加电源
首先检查您的错误
“Uncaught NoModificationLowerError:无法执行
Hello brk，基本上我想离开目标按钮并替换
td
，它是说
Test Title
。因此让
td
元素替换为
Awesome Title！
。
<td>    
    <img src="" alt="" height="42" width="42">
    <a href="">Awesome title to replace!</a>
</td>