How to count the number of child elements within an element?

Question

HTML

<div class="fieldset_div">

<textarea name="subContext_1" class="textcountx" id="textarea__1_1">
  </textarea>
</div>

Please help.

score 3 · Answer 1 · answered Sep 11 '14 at 07:00

3

Use selector for textarea with .length property:

$('.fieldset_div textarea').length

answered Sep 11 '14 at 07:00

Milind Anantwar

2

That's not what the OP is asking for. – Cerbrus Sep 11 '14 at 07:01
1

what does `I need to find the number of textareas inside the 'fieldset_div'.` means? – Milind Anantwar Sep 11 '14 at 07:02
Hm, maybe I was the one that didn't read the question properly. my apologies – Cerbrus Sep 11 '14 at 07:03
@Cerbrus: nevermind :) – Milind Anantwar Sep 11 '14 at 07:04

score 2 · Answer 2 · answered Sep 11 '14 at 07:02

To get the amount of classes in a element, try this:

var className = document.getElementById('sidebar').className;
var count = className.trim().split(' ').length + 1;

To get the amount of children a certain element has, you can try this:

document.getElementsByClassName('fieldset_div')[0].childElementCount

However, this doesn't consider wether or not the children are text area's.

score 0 · Answer 3 · answered Sep 11 '14 at 07:01

0

Use:

$('.fieldset_div').find('textarea').length

Demo : http://jsbin.com/favujasivoju/1/

answered Sep 11 '14 at 07:01

Roy M J

3 Answers3