将当前jQuery代码转换为有效的Javascript

我有这个jQuery代码，但我需要将其转换为香草Javascript，因为我正在处理的项目没有使用jQuery 这是我尝试过的，但它不起作用。我不确定我所做的所有这些改变

//我当前的jQuery代码
$（#类别2 ul li'）。每个（函数（）{
$（this.find（“ul.top菜单”）.parent（）.remove（）；
});
$（'#category-2>a'）.html（“Produkte”）；
//香草JS
document.queryselectoral（“#category-2 ul li”）.forEach（function（）{
this.find（'ul.top menu'）.parentNode（）.removeChild（）；
});
document.querySelectorAll（'category-2>a'）.innerHTML=“Produkte”您的代码中有几个问题。一个是，在函数中，您使用的是this关键字，就像在类中一样，但在函数中，this关键字并不指您期望的内容。而是使用forEach函数中的参数：item、index、array，可以使用thisArg

第二个问题是，在Vanilla JS中没有find（）方法，因此我建议实现一个三元运算符（一行if语句）来检查类名或id是否包含您正在搜索的内容

我不确定如果没有html，您要搜索哪些项目，这很难说，但它看起来是这样的：

// Vanilla JS
document.querySelectorAll("#category-2").forEach(item => {
  item.className.includes("top-menu") && item.parentNode.removeChild();
});
document.querySelectorAll("#category-2").forEach(item => {
  item.innerHTML = "Produkte";
});

代码中有几个问题。一个是，在函数中，您使用的是this关键字，就像在类中一样，但在函数中，this关键字并不指您期望的内容。而是使用forEach函数中的参数：item、index、array，可以使用thisArg

第二个问题是，在Vanilla JS中没有find（）方法，因此我建议实现一个三元运算符（一行if语句）来检查类名或id是否包含您正在搜索的内容

我不确定如果没有html，您要搜索哪些项目，这很难说，但它看起来是这样的：

// Vanilla JS
document.querySelectorAll("#category-2").forEach(item => {
  item.className.includes("top-menu") && item.parentNode.removeChild();
});
document.querySelectorAll("#category-2").forEach(item => {
  item.innerHTML = "Produkte";
});

你能在这段代码中添加HTML部分吗，这样我们就可以很好地了解这个问题了？我们能得到HTML吗？这里是HTML：请将HTML添加到问题中，而不仅仅是通过外部链接。你能在这段代码中添加HTML部分吗，这样我们就可以很好地了解这个问题了？我们能得到HTML吗？这里是HTML：请将HTML添加到问题中，而不仅仅是通过外部链接。