Shulou(Shulou.com)06/03 Report--

Editor to share with you how to achieve DOM traversal, I believe that most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to understand it!

Traverse .prev (), .siblings (), .add (), and .each ()

1. Prev () has no parameters, and you can get a set of elements containing the previous sibling elements adjacent to each element in the matching set of elements.

2. Prev () selectively accepts the same type of selector expression, and needs to filter the collection object to find out the target element and allow the expression of a selector to be passed.

3. Siblings () has no parameters, selectively accepts the same type selector expression, and gets a set of elements containing the sibling elements of each element in the matched set of elements.

4. Siblings () needs to filter the collection object to find out the target element and allow the expression of a selector to be passed.

5. The argument to add () accepts almost any $(), including JQuery selector expressions, DOM elements, and HTML fragment references

6. Add () create a new JQuery object, add elements to the matching element collection, dynamically create p tags to add to the collection, and then insert them into the specified location, but this will change the arrangement of the elements themselves

7. Each () is a wrapper iterator for a for loop that iterates over every DOM element in the collection of JQuery objects, passing the current number of loops as an argument each time the callback function executes (counting from 0).

8. Each () is processed through a callback with two fixed arguments, indexes, and elements, and the this in the callback method points to the dom element of the current iteration.

9. Each () can do some logical operations in the body of the loop. If you need to exit early, you can abort the loop in the callback function by returning false.

The above is all the content of the article "how to traverse DOM". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.