JQuery селектор мультиклассовых объектов

Question

Привет всем, я пытался отобразить серию объектов, с которыми связано несколько классов

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

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

Селектор выше возвращает 0. Это, к сожалению, один из тех вопросов, которыесовершенно невозможно попросить Google (по крайней мере, насколько я могу судить).

Как я могу заставить этот запрос работать?

Если быть более точным, у меня есть таблица, которая выглядит какэто:

<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>

Когда я пишу сценарий:

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

Я получаю 0.

Я хорошо разбираюсь в HTML и CSS и знаю, что не должениспользуйте таблицы и т. д., но это особый случай.

Answer 1

РЕДАКТИРОВАТЬ: На основе обновленного вопроса.

Ваш код выдает синтаксическую ошибку. Выведите присвоение переменной из селектора.

var that = 'Territory4';

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

---

Селектор правильный. Я предполагаю, что ваш код работает до полной загрузки DOM.

Попробуйте это: http://jsfiddle.net/QWNPc/

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

Выполнение:

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

эквивалентно выполнению:

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

, который обеспечивает загрузку DOM до запуска кода.

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