Javascript JQuery代码不工作

Javascript JQuery代码不工作,javascript,jquery,html,Javascript,Jquery,Html,我试图在一个表中找到一个类为“空”的单元格,然后我使用一些代码来查找id(单元格编号),这样我也可以找到下一个单元格 看看它是否有效,我正在尝试: console.log($('.empty').attr('id')); 但Firebug只返回“未定义” 每个单元格都有“box”类,只有一个单元格也有空的,因此“box empty” 任何协助都将不胜感激。可能DOM还没有准备好。将代码放入on DOM ready事件中: $(function(){console.log($('.empty')

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

看看它是否有效,我正在尝试:

console.log($('.empty').attr('id'));
但Firebug只返回“未定义”

每个单元格都有“box”类,只有一个单元格也有空的,因此“box empty”


任何协助都将不胜感激。

可能DOM还没有准备好。将代码放入on 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'));});

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

可能DOM还没有准备好。将代码放入on 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'));});

$(function(){console.log($('input[name=“empty”]')).attr('id');});
$('.empty')返回dom元素的数组,因此必须使用循环(for,each…)来分析结果

$('.empty').each(function() {
   console.log( $(this).attr('id') );
}
如果确定只有一个元素,则可以使用:

console.log( $('.empty:first').attr('id') );
$('.empty')返回dom元素的数组,因此必须使用循环(for,each…)来分析结果

$('.empty').each(function() {
   console.log( $(this).attr('id') );
}
如果确定只有一个元素,则可以使用:

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

请显示您的标记。
$('.empty')
可能返回DOM元素数组。在这种情况下,数组本身没有属性$(document).ready(function(){$('.empty')。each(function(){console.log($(this.attr('id'));});});上面的jquery,cell@nmyster的html,您需要的是属性选择器,而不是类。名称为空,而不是类!查看我的更新答案。请显示您的标记。
$('.empty')
可能返回DOM元素数组。在这种情况下,数组本身没有属性$(document).ready(function(){$('.empty')。each(function(){console.log($(this.attr('id'));});});上面的jquery,cell@nmyster的html,您需要的是属性选择器,而不是类。名称为空,而不是类!请参阅我的更新答案。$(document).ready(function(){console.log($('.empty').attr('id'));}每个单元格都有'box'类,空单元格有'box empty'类,每个单元格都有一个表示其单元格数的id。$(document).ready(function(){console.log($('.empty').attr('id');}每个单元格都有一个“box”类,空单元格有一个“box empty”类,每个单元格都有一个ID,即单元格的编号。他确定只有一个。但问题是他将类与名称混淆了。请参阅我的答案和他对问题的评论。他确定只有一个。但问题是他将类与名称混淆了。请参阅我的答案和他的评论在他的问题上。