count elements in a html var in javascript

Question

i m doing a ajax call with which i m getting data (html) which is having the structure

 <li>
<div class="min-height">
    <a href="auser.jsp?id=7"><img src="dir/image_759.jpeg"alt="image" /></a><br />
    sumit jha
</div>
</li>

Now before adding it the dom i want to count the number of li 's in the html

as for example

$.ajax( {
type: "POST",
url: "more_people.jsp",
data: ({last_id: last_id  }),
cache: false,
success: function(html)
{
    $li = html;
    console.log ( $li.html().children().length );
}
});

How do i do??

thanks

jAndy · Accepted Answer · 2011-02-03 11:49:13Z

5

You need to .filter()^help the result:

success: function(html) {
    console.log($(html).filter("li").length);
}

answered Feb 3, 2011 at 11:49

jAndy

237k57 gold badges313 silver badges363 bronze badges

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

3 Comments

Pradyut Bhattacharya Over a year ago

answer right.. find is for ol > li level... not at the same level or at ol level..

jAndy Over a year ago

@Pradyut: I don't understand. With the given HTML structure from your question, the <li> nodes are top leveled. In this case you need to invoke .filter() or to wrap the result around an extra-node to use .find().

Pradyut Bhattacharya Over a year ago

some misunderstanding... your answer is right...no issues.. ;-)

Lee Kowalkowski · Accepted Answer · 2011-02-03 11:55:30Z

0

You mean like this?

html = '<li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li>';
var temp = document.createElement('<div>');
temp.innerHTML = html;
alert(temp.getElementsByTagName('li').length);

edited Feb 3, 2011 at 11:55

answered Feb 3, 2011 at 11:48

Lee Kowalkowski

11.8k3 gold badges43 silver badges49 bronze badges

2 Comments

Pradyut Bhattacharya Over a year ago

jAndy answer is right... u r frm rus?? i like rus... and raw javascript...:D btw do ur answer without any temp using only the html...

Lee Kowalkowski Over a year ago

:-) I'm English, surname is Polish, first name is better indication of nationality usually. Without the temp var? I don't think you can set the innerHTML then invoke getElementsByTagName without some sort of reference. Well, in IE you can do document.createElement(html).getElementsByTagName('li').length but I'm not sure that's cross-browser.

Collectives™ on Stack Overflow

count elements in a html var in javascript

2 Answers 2

3 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related