2012-02-24 32 views
4

私の英語は申し訳ありません。特定の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> 
+1

いくつかのコードを提供してください! –

+0

あなたはこれまでに何を試してみましょう! – sgowd

+0

私はこのチュートリアルに従っています。 http://www.quirksmode.org/css/multicolumn.html と私は "Test 5:height + column-width"を使用しています – user615816

答えて

1

ここには簡単な解決策があります。

http://jsbin.com/igizoy/2

各列にIDを追加し、クラスを追加します。次に、任意の行のIDを取得するハンドラを追加することができます。

+1

それは私が望んでいたものではありません。 – user615816

+4

@ user615816:それでなぜあなたは答えを受け入れたのですか? – Bergi

関連する問題