JQuery selector multi-class objects

Question

Hey all, I've been trying to get a series of objects to appear that have multiple classes associated with them

<div class="Foo Bar">
    Content
</div>

<script>
    alert($('.Foo').length);
</script>

The selector above is returning 0. This is unfortunately one of those questions that is completely impossible to ask to google (at least as far as I can tell).

How can I make this query work?

To be more specific, I have a table that looks like this:

<table>
    <tr class="Location2">
        <td>Data</td>
        <td>Data</td>
        <td>Data</td>
        <td>Data</td>
    </tr>
    <tr class="Location3 Territory4">
        <td>Data</td>
        <td>Data</td>
        <td>Data</td>
        <td>Data</td>
    </tr>
</table>

When I script:

alert($('.' + (Var that = 'Territory4')).length));

I get 0.

I'm well versed in HTML and CSS and I know I shouldn't use tables etc etc, but this is a special case.

For one, you have an extra ) in your code. Can you reproduce the error in a minimal, parsable code? — Kobi
– Kobi, Commented Jun 30, 2010 at 19:16

user113716 · Accepted Answer · 2010-06-30 19:15:47Z

2

EDIT: Based on updated question.

Your code throws a syntax error. Bring the variable assignment out of the selector.

var that = 'Territory4';

alert( $('.' + that).length );

The selector is correct. I'm guessing that your code is running before the DOM is fully loaded.

Try this: http://jsfiddle.net/QWNPc/

$(function() {
    alert($('.Foo').length);
});

Doing:

$(function() {
    // your code
});

is equivalent to doing:

$(document).ready(function() {
    // your code
});

which ensures that the DOM has loaded before the code runs.

http://api.jquery.com/ready/

edited Jun 30, 2010 at 19:15

answered Jun 30, 2010 at 18:50

user113716

323k64 gold badges454 silver badges441 bronze badges

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

7 Comments

C Bauer Over a year ago

The code is a click event that doesn't seem to be working. It comes right after a rather large method call that creates a table, but the table is fully loaded when I click.

user113716 Over a year ago

@C Bauer - So the click event doesn't fire? Or it returns the wrong result? You'll have to show your code to see what the issue is. The code you posted works as long as the selected element is in the DOM.

C Bauer Over a year ago

That's kind of the problem, there's a lot of code creating that table. I pared everything down to make it simpler...

user113716 Over a year ago

@C Bauer - Trouble is that you pared out the issue. :o) Is the .Foo element (or whatever it actually is) part of the table? And again, are you saying that the click handler doesn't fire at all? Or that it fires, but gives the wrong result? Or are you triggering a click after the table is done. There are so many possibilities for what your code could be doing.

user113716 Over a year ago

@C Bauer - You've got a syntax error. You'll need to bring the variable assignment out of the selector. I'll update my answer.

|

Collectives™ on Stack Overflow

JQuery selector multi-class objects

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related