jQuery找不到具有指定id的div

Question

我使用jQuery来查找具有特定id的div,除了它返回null.这很奇怪,因为试图找到其他div工作得很好.

jQuery的

$(document).ready(function()
{
    //Finds parent div without a problem
    console.log($('#next-sheet'));

    //Returns null, can't find the div I really need
    console.log($('#start-course'));

    //Also returns null
    console.log($('#next-button'));

    //Still returns null, can't find the div
    console.log($('#next-sheet #start-course'));
});

HTML

<div id='next-sheet'>
    <a href="/courses/start/<?php echo $data['Courses']['Course']['id']; ?>" class='right disable-hover'>
        <div class='button' id='start-course next-button' data-callbackdata="<?php echo $data['Courses']['Course']['name']; ?>" >Start Course</div>
    </a>
    <div class="clear"></div>
</div>

这很奇怪,我使用.ready函数,所以html是可用的,因为它可以找到父div.但是当我试图找到孩子div时,它找不到任何东西.

jQuery正确加载,与所有其他东西一样.它只是静态HTML.我正在使用CakePHP,但这应该不是问题.

这里有什么我想念的吗？

Answer 1

既然id是唯一的,你只能有一个id元素,所以使用:

id='start-course'

要么:

id='next-button'

代替:

id='start-course next-button'