An example of jQuery append HTML. Access a Parent Element With JavaScript or jQuery - SitePoint ; the .find selector traverses down the DOM where the event occurred, that matches the . ID: #id. You can simply use the event.target property to get the class from any element which is clicked on the document in jQuery. JavaScript Get the Parent Element parentNode It is a descendant element to search and design particular child elements of any parent element. let docs = document.getElementByID ('#freelancer'); let elements = freelancer.getElementsByClassName ('item'); Now 'elements' contain the list of elements with the class name 'item'. Let's take a look at the following example to understand how it actually works: jQuery is a fast, robust JavaScript library. Use document.getElementById () with Child Nodes' Properties. This is the syntax for using jQuery parent (): $ ("child").parent () This will return the direct parent of parent element $ ("child").parent ("filter") JQuery selector syntax is used to select HTML elements and take some action on the element. Syntax: $ ( selector expression, context ) jQuery ( selector expression, context ) The selector expression parameter specifies a pattern to match the elements. The jQuery uses CSS selector patterns . Summary. How to use JavaScript to get elements by class name? This method is demonstrated below: Alternatively, you can directly access the className property, which represents the contents of the element's class attribute. Use :scope to get direct children. $ ('div.a1'): This will select all the div elements which have the class a1. - parent refers to the parent element in which is directly included other element, called child.