jQuery nth-child选择器无法正常工作

Question

我有一个div id(拍卖),我想与拍卖清单的孩子交换HTML.但是,jQuery无法选择auction-list div的子节点.

这是HTML:

<div id="all">      
    <div id="auctions"></div>
</div>

<div id="auction-list" class="hide">
    <div class="auction">Test</div>
    <div class="auction">Test</div>
</div>

这是jQuery:

alert($("#auction-list").children().length);
alert($("#auction-list").html());
alert($("#auction-list:nth-child(1)").html());
alert($("#auction-list:nth-child(2)").html());
$("#auctions").html($("#auction-list:nth-child(1)").html());

以下是Javascript警报的输出:

第一次警报

2

第二次警报

<div class="auction">Test</div>
<div class="auction">Test</div>

第三次警报

null

我在这里俯瞰什么？

Answer 1

您需要在选择器之间留出空格,如下所示:

alert($("#auction-list :nth-child(1)").html());
//                    ^-- Space here

使用您的选择器时,它正在查找元素#auction-list,它是另一个元素的第一个子元素,当您实际查找的元素是列表的第n个子元素时.