Find number of element in string with jQuery

Question

I have a function, this function receive a string in argument. The content of this variable is HTML code. I'd like know number of HTML element with the class .myClass

function MyTest(myData){
    //get how many element with .myClass are in myData
}

Thanks,

Jordan Running · Accepted Answer · 2012-01-15 09:44:23Z

9

This is pretty much jQuery 101.

function myTest(myData) {    
  return $( '.myClass', myData ).length;
}

// Usage:
myTest( '<p><span class="myClass">Hello</span> <span class="myClass">world</span></p>' );
// => 2

edited Jan 15, 2012 at 9:44

answered Jan 15, 2012 at 9:39

Jordan Running

107k18 gold badges193 silver badges189 bronze badges

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

3 Comments

TheBoubou Over a year ago

It's strange, in "myData", I have this HTML code : <div class="myClass">Testing</div> and I get 0 all the time with your code

Jordan Running Over a year ago

For one reason or another jQuery ignores the outermost element. If necessary wrap it in another div, e.g. <div> <div class="myClass">Testing</div> </div>.

user216084 Over a year ago

Thank you @Jordan. To overcome jQuery ignoring the outermost element, we can also move the identifying class to any inner element.

Didier Ghys · Accepted Answer · 2012-01-15 10:31:59Z

0

you can use length function

where :

.gradeX =>is your selector of the element

n=> int and holds number of your objects

$(document).ready(function() { 

    var n = $(".gradeX").length;  
    alert(n);  } 

}

your jquery linq to reference the methods: http://api.jquery.com/length/ alternative is: http://api.jquery.com/size/

you can have a look here:

http://live.datatables.net/uzelux/edit#javascript,html

edited Jan 15, 2012 at 10:31

Didier Ghys

30.6k9 gold badges77 silver badges82 bronze badges

answered Jan 15, 2012 at 9:53

cpoDesign

9,11314 gold badges67 silver badges110 bronze badges

Collectives™ on Stack Overflow

Find number of element in string with jQuery

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related