使用js定位父元素

Question

如果跨度有 class，我想更改我的跨度的父元素。

我试图制作一个 function 但它不起作用。 有人可以告诉我该怎么做吗？

 var parent = deswpanspan.parentElement; document.querySelectorAll(".spanss").forEach(function(deswpanspan) { if (deswpanspan.classList.contains("Dnone")) { parent.classlist.add("Dnone"); } else { deswpanspan.classList.add("failed"); } })

 <p class="ContRowBorderLeftp"><span class="spanss Dnone"></span> </p>

Answer 1

你在 forEach 之外有拼写错误和父级

 document.querySelectorAll(".spanss").forEach(function(span) { const parent = span.closest(".ContRowBorderLeftp") if (span.classList.contains("Dnone")) { parent.classList.add("Dnone"); } else { span.classList.add("failed"); } })

 .Dnone { color: green }.failed { color: red }

 <p class="ContRowBorderLeftp">Parent <span class="spanss Dnone">Span with Dnone</span> </p> <p class="ContRowBorderLeftp">Parent <span class="spanss">Failed Span</span> </p>