如何获取特定css列的内容

How to get content of a specific css column

本文关键字:css 何获取 获取      更新时间:2023-09-26

对不起我的英语。

我使用的是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>

简单的解决方案。

http://jsbin.com/igizoy/2

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