Get anchor tags value using jQuery

Har Kaur

9y4.2k

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 !!

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Rehman Shahid9y ago
Accepted answer
1. >
2. <html>
4. <head>
5. <script data-require="[email protected]" data-semver="3.1.1" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js">script>
6. head>
8. <body>
10. <a href="#" class="anchor">class anchor1a>
11. <a href="#" class="anchor">class anchor2a>
12. <a href="#" class="anchor">class anchor3a>
13. <a href="#" class="anchor">class anchor4a>
14. <a href="#" class="anchor">class anchor5a>
15. <a href="">non-class anchor1a>
16. <a href="">non-class anchor2a>
17. <a href="">non-class anchor3a>
18. <a href="">non-class anchor4a>
19. <a href="">non-class anchor5a>
22. <script>
23. $(document).ready(function() {
25. //getting all anchors that have no any class property
26. var allNonClassAnchors = $("a:not([class])");
28. //getting values of all anchors that have no any class property
29. var values = [];
30. $.each(allNonClassAnchors, function(i, val) {
31. values.push(val.text);
32. });
34. //displaying values of all anchors that have no any class property
35. alert(values.join());
36. });
37. script>
38. body>
40. html>

Manas Mohapatra9y ago

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.coma><br>
<a href="http://www.google.com">Google.coma><br>
<a href="http://www.wikipedia.org">wikipedia.orga>
body>
html>

https://www.w3schools.com/jquery/jquery_ref_selectors.asp