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

Question

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

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

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

но Firebug просто возвращает 'undefined'

каждая ячейка имеет класс 'box', и только в одной ячейке также есть пустой, поэтому 'box empty'.

Любая помощь будет принята с благодарностью.

Answer 1

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

$(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'));});

Answer 2

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

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

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

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