2

それぞれに情報を含む段落の分割を行いました。画像の分割もあります。

私の目標は、jquery を使用して、各段落のテキストを「data-description」という各画像の属性に追加することです。

したがって、最初の段落は最初の画像の 'data-description' 属性に入れられ、2 番目の段落は 2 番目の画像の 'data-description' 属性に入れられます...

たとえば、次のコードは最初の 1 回だけ実行します。

$('#galleria :first-child').attr('data-description', $('#descriptions :first-child').text());

.. #galleria div に画像が含まれ、 #descriptions div にテキストが含まれているとします。

毎回増加する変数、または順番に適用されるクラス、または配列を使用しようとしましたが、喜びがありませんでした。

この説明が少しでも理解できることを願っています！

ありがとうございます。

4

2 に答える 2

0

これを試して：

$('#galleria img').each(function(i){
    $(this).attr('data-description', $('#descriptions p:eq('+i+')').text());
});

説明：

$('#galleria img').each を使用して、イメージ タグごとに関数を実行します。「i」という名前の変数は、リスト内の現在の要素インデックスと同じです。次に、「i」番目の p タグを #descriptions に取得し、現在のイメージの data-description タグに配置します。

それが理にかなっていることを願っています。

于 2013-09-12T13:00:01.007 に答える