How do I select items in an array using jQuery?

Question

I have this line which successfully select all elements of class"myclass" on my page:

var myTerms = $(".myTerm");

The above line works, myTerms is an array of all the myTerm, each of which contain "subTerms".

Then as i iterate over each myTerm, I want to use jQuery to return an array of the "subTerms" within that myTerm.

I tried:

var myTerms = $(".myTerm");
for (var i = 0; i < myTerms.length; i++) {
    var myTerm = queryTerms[i];
    subTerms = myTerm.$("subTerms");

But that's a no go. Is jQuery even intended for this or is it better to fall back to plain old java script.

EDIT

subTerm is the className of elements inside of myTerm

What exactly do you want to do with the "subTerms" after you fetch em? — gnarf
– gnarf, Commented Aug 13, 2009 at 21:57
the subTerms are actually exclusively dropdowns so I just want to get their values. — Matt
– Matt, Commented Aug 13, 2009 at 21:59
Could you give a HTML example of some terms for us? Its hard to do this stuff blind — gnarf
– gnarf, Commented Aug 13, 2009 at 22:23

Derek Gathright · Accepted Answer · 2009-08-13 22:18:41Z

6

Kinda confused on what the subterms object is, but I'll give it a shot.

$('.myTerm').each(function(){
  subTerms = $(this).children();
});

** Edit **

If you want the select options, do

$('.myTerm').each(function(){
  subTerms = $(this).children('.subTerm option');
});

edited Aug 13, 2009 at 22:18

answered Aug 13, 2009 at 22:00

Derek Gathright

7515 silver badges10 bronze badges

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

1 Comment

gnarf Over a year ago

.children() assumes direct descendants right? perhaps .find() is what you meant?

Jon Galloway · Accepted Answer · 2009-08-13 22:08:30Z

2

I'm not sure what you're asking. It sounds like you want to match all items which have the class myterm + another class in your list, e.g. <li class="myterm subterm1">

I'd handle this in a selector. jQuery selectors can match on multiple classes if they're comma sparated, e.g. "subterm1, subterm2, subterm3" so if you join them into a string, you can filter on it.

var result = $(".myterm").filter(myterms.join(","));

answered Aug 13, 2009 at 22:08

Jon Galloway

53.3k25 gold badges128 silver badges194 bronze badges

Comments

Jaime · Accepted Answer · 2009-08-13 22:04:56Z

1

you can scope the second query call to just look under the found term

$(".myTerms").each(function() { 
  var sub = $(".subTerms", this);
});

answered Aug 13, 2009 at 22:04

Jaime

6,8142 gold badges29 silver badges43 bronze badges

2 Comments

gnarf Over a year ago

nice condensed version of my answer 3 minutes before yours. ;)

Jaime Over a year ago

I'm a slow typer, what can I say :)

gnarf · Accepted Answer · 2009-08-13 22:29:30Z

1

Couple of things to point out. $(".myTerm") is not an array - its a jquery object, you can use for loops on it, but each is much better. Inside of an each() function this refers to the DOMElement. Also, if you want to search for more objects INSIDE of a jQuery object you can use $element.find('.subterm') or $('.subTerm', element)

$(".myTerm").each(funciton() {
   // look for any .subTerm that exist underneath of us
   var subTerms = $(".subTerm", this);

   // do something with subTerms as an example....
   var text = [];
   subTerms.each(function() {
     // .val() assuming its an option element
     // .text() might be better.
     text.push($(this).val()); 
   });

   alert(text.join(";"));
});

edited Aug 13, 2009 at 22:29

answered Aug 13, 2009 at 22:01

gnarf

107k26 gold badges129 silver badges161 bronze badges

Comments

zeacuss · Accepted Answer · 2012-04-15 09:24:41Z

0

If you don't want to change your code, then you can use the following

var myTerms = $(".myTerm");
for (var i = 0; i < myTerms.length; i++) {
    var myTerm = queryTerms[i];
    var $myTerm = $(myTerm);
    subTerms = $myTerm.find("subTerms");
}

answered Apr 15, 2012 at 9:24

zeacuss

2,6332 gold badges29 silver badges32 bronze badges

Collectives™ on Stack Overflow

How do I select items in an array using jQuery?

5 Answers 5

1 Comment

Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related