DOM选择工作,jquery没有

时间:2013-04-15 15:57:56

标签: jquery

我正在为我们的网站编写一个新功能,并希望开始使用jquery来实现我们的javascript现代化。我在选择表格中的元素时遇到了一些问题。我的问题是我们这样做的遗留方式有效,但jquery方式似乎不起作用。我意识到每个人都会立即要求HTML,但提取这将花费一些时间来删除大量不相关的垃圾。目前我只是想知道我是否搞砸了语法。从句法上讲,这是正确的吗?我正在使用jquery 1.9.1。

// no messages :-(
$('censusGrid').find('select').each(function () { alert($(this)); });

// messages :-)
var elements = document.getElementById('censusGrid').getElementsByTagName('select');
for (var i = 0; i < elements.length; i++) {
    alert(elements[i]);
}

3 个答案:

答案 0 :(得分:1)

似乎censusGrid似乎是一个ID,所以应该是:

$('#censusGrid').find('select').each(function () { alert($(this)); });

基本上你错过了#来表明你的选择器是一个ID,没有它,它会指出标签的名称......

答案 1 :(得分:1)

您的jQuery选择器不正确。如果你想通过ID找到东西,你可以使用css#selector,如果你想按类名找到东西,你可以使用css。选择。您的jQuery选择器应如下所示:

$('#censusGrid').find('select')...

答案 2 :(得分:0)

你忘记了jquery中的#

$('#censusGrid').etc...

#告诉jquery它是一个ID:

$('#selector') - finds <td id="selector">
$('selector') - finds <selector>
$('.selector') - finds <td class="selector">