0

I'm trying to translate this jQuery into JavaScript, to save a bit on load time. Here's the line of jQuery:

$('div.annotated p > span.citation').parent().css('display', 'inline')

And here's what I have so far in JavaScript:

document.querySelectorAll('div.annotated p > span.citation').forEach((el) => {})

I'm stuck on how to find the parent of an element, and also apparently how to set the CSS for that element. Should I stick with jQuery, or can JavaScript also do this, and is it much harder?

Improve this question
3
  • 2
    Never been a fan of parent myself. I prefer closest(selector) as it's flexible if your structure changes. Either way, the docs are where you should be looking: developer.mozilla.org/en-US/docs Commented Dec 5, 2022 at 0:17
  • Try this document.querySelectorAll('div.annotated p > span.citation').forEach((el) => {el.parentElement.style.display = 'inline'}) Commented Dec 5, 2022 at 0:24
  • jQuery already is JavaScript. You’re trying to translate this code into the native DOM API, or more specifically, the ECMAScript binding of the W3C (WHATWG) DOM API. Commented Dec 5, 2022 at 3:54
Related questions
12222
How can I remove a specific item from an array in JavaScript?
7610
How do JavaScript closures work?
7578
How do I remove a property from a JavaScript object?
Load 7 more related questions Show fewer related questions

0

Reset to default

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.