How to get value by class name in JavaScript?

Question

In HTML below, I want to retrieve the value of the all <b> tags using JavaScript or jQuery

<html>
   <head>
</head>
<body>        

 <span id=":zz" class="adl">

                   <b>2</b> 
                   <b>of </b>

                   <b>143 </b>

           </span>

<body>
</html>

Can I retrieve all <b> tag values using class name in jQuery or JavaScript?

this is my auto generated id for this class. so i can't...would u tell me whats is worng in this id — Vikki
– Vikki, Commented Feb 24, 2014 at 11:06

Rory McCrossan · Accepted Answer · 2014-02-24 10:34:24Z

3

You can place the values in to an array using $.map():

var values = $('b').map(function () {
    return $(this).text();
}).get();
console.log(values); // = ["2", "of ", "143 "]

Example fiddle

answered Feb 24, 2014 at 10:34

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Rory McCrossan Over a year ago

Thanks. Was in the process of creating a fiddle ;)

Tomanow · Accepted Answer · 2014-02-24 10:34:30Z

1

console.log($('span.adl').find('b').text());

answered Feb 24, 2014 at 10:34

Tomanow

7,3953 gold badges30 silver badges52 bronze badges

Comments

Milind Anantwar · Accepted Answer · 2014-02-24 10:42:34Z

1

You do not need even need classname to do that.just use:

$('.adl b').each(function(){
    alert($(this).html());
 })

edited Feb 24, 2014 at 10:42

answered Feb 24, 2014 at 10:34

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

1 Comment

Bharadwaj Over a year ago

Including span css class can match with the question header.

Collectives™ on Stack Overflow

How to get value by class name in JavaScript?

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related