jQuery: Dom Traversal (find parent and child nodes) - Beau teaches JavaScript

jQuery makes it easy to find specific elements based on their relation to other elements. Many methods allow you to find parent and child elements.
The following methods are discussed in this video: parent, parents, parentUntil, children, find, siblings, next, nextAll, nextUntil, prev, prevAll, prevUntil.
💻 Code: codepen.io/bea...
🐦 Beau Carnes on Twitter: / carnesbeau
-
Learn to code for free and get a developer job: www.freecodeca...
Read hundreds of articles on technology: medium.freecod...
And subscribe for new programming videos every day: kzbin.info...

[@mkmohsinali]

Great explanation. Visual representation really helped.

[@roblane66]

Great video. Just what I needed. Thanks

[@mahydulislam]

thankyou for your details description

[@epicornstudio4657]

Wow this video is soo helpful

[@davidacosta6383]

Brilliant!!

[@gouthamchandranakka1553]

awesome thumbnail

[@kalimahamad4534]

I have div which have two tables in that table have a column total and i want to add all total and show grand total how to run the loop. showing snapshot VOUCHER CODE PENDING VOUCHER BALANCE QTY FACE VALUE DISCOUNT(%) QUANTITY TOTAL AHimanshu INR 100 VAH100 0 447 100 -40230 DAYS TOTAL MAX AVERAGE TAT-(DAYS) QUANTITY 30 0 0 0 0.00 0 60 0 0 0 0.00 0 90 0 0 0 0.00 0 1 0 0 0 0.00 0 Tell me how to loop this child element contained inside div

[@lolasdasad]

Thx man

[@ore_bear8045]

perfekt thank you

[@ashnashilmy1323]

Awesome..

[@christopherhoup3531]

Can I access a .prev() containing a class or id? If so can you provide an example?

[@sufiyanfaisal5593]

.prev() just selects the previous one irrespective of it's id. I think what you really wanna do is .prevAll(".someClass").

[@ADITYA_CSE]

when we use console.log () in javascript

[@AndrewRMillar]

You do realize that you are not allowed to place block level elements inside inline elements, right? I realize that that is not important for the subject of this tut/showcase, or however you want to call this. But if coders, inexperienced with html, are using this as a reference, getting things like that right is important. Don't mean to bash your vids, they are very informative for people beginning with jQuery!

[@benmjt]

That's no longer as strict in HTML5

[@AndrewRMillar]

I haven't read the html 5 working draft (www.w3.org/TR/2015/WD-html51-20151008/), but when I was learning html, way back when, putting a block level element inside of an inline element was a big no no. It just looks like how a rock in my shoo feels. To my eyes it's a sign that the person writing the markup is a novice.

[@agentstona]

@@AndrewRMillar i believe you have never used react js or vue js that is the case all the time ... chill out dude ITS NO LONGER STRICT and doesnt matter , virtually we can inline and merge elements any way we like it s 2020 . get out of 1995 bruh

[@saswatdai821]

please verify your freecodecam email..the site has gone down :(