Get anchor tags value using jQuery

Question

My friend had an interview few days ago and they asked to him about Jquery.

So, the question is like: Suppose i have 10 anchor tag in my html and out of 10 anchor tags 5 have the class property. So, how can you get the anchor tags value that have not any class property?

Note: Any type of chnage in html is not acceptable. You should get tha anchor tag value without change anything in html.

Can anyone tell how this is possible. Please !!

Rehman Shahid · Answer

> html > head > script data-require = jquery@3.1.1 data-semver = 3.1.1 src = https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js > script > head > body > a href = # class = anchor > class anchor1 a > a href = # class = anchor > class anchor2 a > a href = # class = anchor > class anchor3 a > a href = # class = anchor > class anchor4 a > a href = # class = anchor > class anchor5 a > a href =  > non-class anchor1 a > a href =  > non-class anchor2 a > a href =  > non-class anchor3 a > a href =  > non-class anchor4 a > a href =  > non-class anchor5 a > script > $(document).ready(function() { //getting all anchors that have no any class property var allNonClassAnchors = $(a:not([class])); //getting values of all anchors that have no any class property var values = []; $.each(allNonClassAnchors function(i val) { values.push(val.text); }); //displaying values of all anchors that have no any class property alert(values.join()); }); script > body > html >

Manas Mohapatra · Answer

It's simple have a look: > html > head > script src = https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js > script > script > $(document).ready(function(){ $(a[href$='.org']).css(background-color yellow);}); script > head > body > a href = https://www.w3schools.com > w3schools.com a > br > a href = http://www.google.com > Google.com a > br > a href = http://www.wikipedia.org > wikipedia.org a > body > html > https://www.w3schools.com/jquery/jquery_ref_selectors.asp