Код JQuery не работает

Question

Я пытаюсь найти ячейку в таблице, которая имеет класс «пустой», тогда я использую немного кода, чтобы найти идентификатор (номер ячейки), чтобы я мог узнать, какие ячейки следующие тоже.

слишком ли она работает, я пытаюсь:

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

но Firebug просто возвращает «неопределенными»

каждая ячейка имеет класс «коробки» и только один имеет пустой, а так 'box empty'.

Любая оценка будет очень признательна.

Answer 1

Возможно, DOM не готов. Поместите код внутри на DOM готового события:

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

---

Update:

Основываясь на разметке вы написали, селектор вам нужен селектор атрибута не класс:

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

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

Answer 2

$ ('. Empty') возвращает массив элемента dom, поэтому вы должны использовать цикл (для, каждый ...) для анализа resul ц

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

Если вы уверены, что есть только один элемент, вы можете использовать:

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