css列获得每列的顶部元素

时间:2012-05-22 07:34:06

标签: javascript jquery css

例如,我有一个html页面,其中包含段落。就像这样:

<html>
<head><title>Paragraphs</title></head>
<body>
<p> Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren</p> <br/>
<p> Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren</p> <br/>
<p> Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren</p> <br/>
<p> Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren</p> <br/>
<p> Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren Lorem Lorem Lorem Loren</p> <br/>
</body>
</html>

我想在列中显示它,所以我使用了column-width,columns-gap。问题是,我如何知道每列最顶层的元素。我已经设法获得特定列的元素。我想知道下一列的元素是什么。

这是jsFiddle:http://jsfiddle.net/yQxC2/11/ 我的问题是如何知道第1列,第2列等的最顶层元素。对不起,感到困惑。

1 个答案:

答案 0 :(得分:0)

对于你的标签,我看到你使用jQuery。

使用每个:

$(document).ready(function(){
    $("p").each(function() {
        alert(this.childNodes[0]); 
    });
});