Question

html代码如下：

<div id="customer-projects">
      <h3 class="lead"> Projects </h3>
      <ul class="project-list">
        .
        .
      </ul>
      .
      .
      <ul class="project-list">
        .
        .
      </ul> 
<div>

$('#customer-projects .project-list:nth-child(1)').html()返回'undefined'而不是第一个ul的内容是否有任何特殊原因。

Answer 1

使用eq()之类的

$('#customer-projects .project-list:eq(0)').html(); //indexing starts from 0

Demo

Answer 2

像这样修改您的选择器，因为问题是，您使用的nth-child(1)符合h3元素，而不是ul.project-list，因此它将return undefined，使用带nth-of-type(1)选择器的element.class。

console.log($('#customer-projects ul.project-list:nth-of-type(1)').html());

Demo

Answer 3

尝试使用:eq(1)代替:nth-child(1)

Jquery nth-child显示索引1的未定义

3 个答案: