Question

使用jQuery，如果一个是h1而另一个是p，那么找到父元素的前两个子元素的最有效方法是什么。我的代码现在不能正常工作，我想用最佳实践来实现这一目标。

CSS

div > *{
    display: none;
}

HTML

<div>
    <h1>Heading</h1>
    <p>Paragraph 1</p>
    <p>Paragraph 2</p>
</div>

<div>
    <h1>Heading</h1>
    <p>Paragraph 1</p>
    <p>Paragraph 2</p>
</div>

的Javascript

$('div h1').show();    
$('div p:first-child').show();

编辑我实际上正在使用多个DIV。我认为这不会有所作为，但看起来我错了。

Answer 1

尝试，

$('div').children().slice(0,2).show();

如果你有更多的1个div，请尝试如下，

$('div').each (function () {
    $(this).children().slice(0,2).show();
});

Answer 2

slice()方法的替代方法：

$('div').children(':lt(2)').show()

（但我也推荐切片，特别是对于大型收藏品）

Answer 3

http://jsfiddle.net/94EU7/

$('div :lt(2)').show();

Answer 4

$('div').children().slice(0, 2).show();

Answer 5

您可以像以下

一样使用less than选择器

$('div > *:lt(2)').show();

Working fiddle

Answer 6

描述性选择器

$('div').find('h1:first, p:first').show();

这清楚地说明了您的意图以及您选择的元素。

Answer 7

$('div p:first-child,div p:nth-child(2)').show();

Answer 8

我认为您需要eq()功能，如下所示：

$("div").children().eq(0); // first child
$("div").children().eq(1); // second child

Answer 9

不确定为什么需要使用jQuery。

var firstChild = div.firstChild;
firstChild.style.display = 'initial';
firstChild.nextSibling.style.display = 'initial';

jQuery：找到前两个孩子

9 个答案: