0

私は多数のdivを持っています。たとえば10としましょう。そして、4番目の要素ごとに特定のクラスを持つ新しいdivを追加したいと思います。JQまたはCSSを使用してそれを行う方法を教えてもらえますか？JQを動的にしたいので、私はJQを好みます。

よろしくお願いします！そして私の悪い英語でごめんなさい...

4

2 に答える 2

1 
$('<div/>').addClass('someclassname').html('somehtml').insertAfter('div:nth-child(4n)');​

ワーキングデモ

于 2012-08-23T19:02:24.193 に答える
0

@AshirvadSinghソリューションはコース外で正しく、おそらく最良のソリューションです。完全を期すために、実際には純粋なcssでそれを行うことができます。技術的には、実際に新しいdivを挿入することはありませんが、効果は同じであり、すべて同じスタイリングオプションがあります。cssは次のようになります。

div:nth-child(4n):after {
   content: 'b';
   display: block;
   color: green;   
}

@AshirvadSinghフィドルを更新してデモンストレーションしました：http：//jsfiddle.net/rjW7u/1/

jQueryソリューションの利点は、私が使用した疑似セレクターをサポートしていない古いブラウザーでおそらくうまく機能することです。一方、cssソリューションは、jsが無効になっているユーザーでも機能します。

于 2012-08-23T19:46:04.367 に答える