JQuery选择器多类对象

时间:2010-06-30 18:48:37

标签: javascript jquery css class jquery-selectors

嘿所有,我一直试图让一系列对象出现,并且有多个与之关联的类

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

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

上面的选择器返回0.不幸的是,其中一个问题完全不可能要求谷歌(至少据我所知)。

如何使此查询有效?

更具体地说,我有一个看起来像这样的表:

<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,我知道我不应该使用表等等,但这是一个特例。

1 个答案:

答案 0 :(得分:2)

编辑:根据更新的问题。

您的代码会引发语法错误。将变量赋值从选择器中删除。

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/