JQuery代码无法正常工作

时间:2012-02-12 21:26:19

标签: javascript jquery html5

我试图在表中找到一个具有“空”类的单元格,然后我使用一些代码来查找id(单元格编号),这样我就可以找到下一个单元格了

只是看看它是否有效,我正在努力:

console.log($('.empty').attr('id'));

但Firebug只返回'undefined'

每个单元格都有'box'类,只有一个单元格为空,所以'box empty'。

非常感谢任何同意。

2 个答案:

答案 0 :(得分:2)

可能DOM没有准备好。将代码放在DOM ready事件中:

$(function(){console.log($('.empty').attr('id'));});
//or
$(document).ready(function(){console.log($('.empty').attr('id'));});

<强>更新

根据您编写的标记,您需要的选择器是属性选择器而不是类:

<td id="B" class="leftbox" name="empty" ondragover="allowDrop(event)" 
    ondrop="drop(event,this.id)"> </td>

$(function(){console.log($('input[name="empty"]').attr('id'));});

答案 1 :(得分:1)

$('。empty')返回一个数组的dom元素,所以你必须使用一个循环(for,each ......)来分析结果

$('.empty').each(function() {
   console.log( $(this).attr('id') );
}

如果您确定只有一个元素,可以使用:

console.log( $('.empty:first').attr('id') );