特定班级列表的第n个孩子

Question

我有以下类型的列表

<ul id="mylist">
  <li></li>
  <li></li>
  <li class='abc'>first</li>
  <li></li>
  <li class='abc'></li>
  <li class='abc'></li>
  <li class='abc'>last</li>
</ul>

我正在尝试获得ul的第一个也是最后一个孩子，其类为'abc'。我使用了以下js代码

var start = $('#mylist li.abc:first-child');
var end = $('#mylist li.abc:nth-child');

但不幸的是我没有得到预期的结果.. :(请指导我错在哪里，谢谢

Answer 1

你应该试试

var start = $('#mylist li.abc:first');
var end = $('#mylist li.abc:last');

Answer 2

请尝试以下方法：

var start = $('#mylist li.abc:first');
var end = $('#mylist li.abc:last');

在这里直观地看到它：http://jsfiddle.net/BTwFU/1/

Answer 3

你可以尝试一下：

var start = $('#mylist li.abc').first();
var end = $('#mylist li.abc').last();

Answer 4

你试过了吗？

var start = $('#mylist li.abc').first();
var end = $('#mylist li.abc').last();