我在用

 $('.txt').first().css('display', 'none');

如果你想马上要第一个孩子，你需要

    $(element).first();

如果你想在你的元素的dom中指定第一个元素，那么使用下面的方法

    var spanElement = $(elementId).find(".redClass :first");
    $(spanElement).addClass("yourClassHere");

试试:http://jsfiddle.net/vgGbc/2/

我添加了jsperf测试，以查看不同方法获取第一个子节点的速度差异(总共1000多个子节点)

给定，notif = $('#foo')

jQuery方法:

$(":first-child"， notif) - 4,304 ops/sec -最快 notify .children(":first") - 653 ops/sec -慢85% notify .children()[0] - 1416 ops/sec -慢67%

本地方法:

JavaScript原生' ele。firstChild - 4,934,323 ops/sec(所有上述方法都比firstChild慢100%) 原生DOM ele来自jquery: notif[0]。firstChild - 4,913,658 ops/秒

因此，不建议使用前3种jQuery方法，至少对于第一个孩子是这样(我怀疑其他孩子也会这样)。如果你有一个jQuery对象，需要获取第一个子元素，那么从jQuery对象中获取原生DOM元素，使用数组引用[0](推荐)或.get(0)并使用ele.firstChild。这将得到与常规JavaScript使用相同的结果。

所有测试都在Chrome Canary build v15.0.854.0中完成

你可以使用DOM

$(this).children().first()
// is equivalent to
$(this.firstChild)

如果你想将选择器应用到现有jQuery集提供的上下文，请尝试find()函数:

element.find(">:first-child").toggleClass("redClass");

Jørn Schou-Rode注意到你可能只想找到context元素的第一个直接后代，因此是子选择器(>)。他还指出，你也可以使用children()函数，它与find()非常相似，但只搜索层次结构中的一个深度(这就是你所需要的…):

element.children(":first").toggleClass("redClass");

这可以用一个简单的魔术来完成，就像这样:

$(":first-child", element).toggleClass("redClass");

参考:http://www.snoopcode.com/jquery/jquery-first-child-selector