$(this).parent().parent().find(".imgHide").toggleClass("imgShow");
to javaScript
for parent() we can use parentElement
for toggleClass() we can use .classList.toggle("class")
but for .find() i am not able to get any alternative in vanilla js.
Chittoji Murali Sree Krishna @cmuralisree
About: open source enthusiast, I like to learn and share My Knowledge around.
Location:
India
Joined:
Jan 6, 2021
how to Change jquery to Vanilla javascript
Publish Date: Mar 18 '21
7 8Comments 8 total
peerreyndersMar 18, 2021jQuery find()
vs
Document.querySelector()
Element.querySelector()
ParentNode.querySelector()
DocumentFragment.querySelector()Document.querySelectorAll()
Element.querySelectorAll()
ParentNode.querySelectorAll()
DocumentFragment.querySelectorAll()JavaScript basics: A Hello world! example
- You might not need jQuery in particular "Contains Selector".
- You don't need jQuery
JorikMar 18, 2021A somewhat related element method is
closest. This will help you find a parent, or the node itself, that matches the selector. This helps to make your code stronger against changes in your DOM structure (the .parent().parent() chain)
- peerreyndersMar 18, 2021
It wouldn't as looks in the opposite direction to jQuery's
find()or the Web API'squerySelector[All]()- which starts at theElementand then looks at the descendent elements (away from the document root).The Web API's
closest()is complementary as it starts at theElementand then looks at the ancestor elements (towards the document root). See also jQuery's .closest().That being said querySelector() has been around longer than Element.closest().
- Chittoji Murali Sree KrishnaMar 18, 2021
okay now i understand, really thanks for the entire details, really appericiate your help
Googling "jquery .find vanilla js" gave the following result: stackoverflow.com/a/53824604
Maybe check it out and see if that works for you.