如何获取特定css列的内容

时间:2012-02-24 11:39:51

标签: javascript html css

抱歉我的英文。

我正在使用css多列布局,有没有办法获取特定列的内容,或者如何找到列中的列的索引。

<title>Multi-column Layout</title>
<style type="text/css">
  div.foo { 
    -webkit-column-count: 2;
    -moz-column-count: 2;
  }
</style>
<body>
  <div class="foo">
  <script>
    var i = 30, s = [];
    while (i--) {
      s.push('<p>Lorem ipsum dolor sit amet, consectetur adipiscing'
         + ' elit. In magna arcu, condimentum a tempor vel,'
         + ' imperdiet nec lacus. Vestibulum iaculis arcu et justo'
         + ' suscipit non pharetra sem pulvinar. Suspendisse nec'
         + ' enim non dolor fringilla blandit.<\/p>'); 
    }
    document.write(s.join(''));
  </script>
  </div>    
</body>

2 个答案:

答案 0 :(得分:0)

这里简单的解决方案。

http://jsbin.com/igizoy/2

将ID添加到每个列,然后添加一个类。然后你可以添加一个处理程序来获取任何行的id。

答案 1 :(得分:0)

我在这里找到了这个问题的答案:Get text in CSS3 column?