How To Iterate A Result Of Jquery Selector August 21, 2022 Post a Comment I want to iterate a result of query selector. Html code nav1 Solution 1: Use $.each $("#navigation > a").each(function() { console.log(this.href) }); Copy $('#navigation > a')[0] ^ ^---- Selects the 1st dom object from the jQuery object | that is nothing but the index of the element among | the list of elements |------- Gives you children of nav(3 anchor tags in this case) which is a jQuery object that contains the list of matched elements Copy Solution 2: If you want to iterate all <a> tags, you can use each function $('#navigation >a').each(function() { alert(this.href); }); Copy and if you only want to get the first <a> tag then use .eq() alert($('#navigation >a').eq(0).attr('href'); Copy Solution 3: Use first() like this: var element = $("#navigation>a").first(); console.log(element); Copy Reference Solution 4: In jQuery, when you use index like [0], it means you are access the DOM element. That is whyBaca JugaReact - Can't Find The Leak, Infinite State Declaration SuspectedLooping Transition In D3 Version 4 And 5Focus Textarea With Caret After Text In Android Browser $("#navigation >a")[0] Copy returns <a> tag. In order to iterate a jQuery selector result, use each $("#navigation >a").each(function(index, elem){ }); Copy Solution 5: You can use jQuery built-in each() for this iteration like this: $("#navigation>a").each(function(index){ console.log("I am " + index + "th element."); //and you can access this element by $(this) }); Copy Share You may like these postsRead Url And Output New Javascript SrcJavascript Recursion Completes Before Traversing The Whole Tree?Using The W3c Geolocation Api's Watchposition FunctionCan't Save Uploaded Video's Blob Url At The Backend Server Using Ajax Call Post a Comment for "How To Iterate A Result Of Jquery Selector"
Post a Comment for "How To Iterate A Result Of Jquery Selector"