0

<div>ヘッダー メニューに異なるクラス名を持つ 2 つの があります。

<div class="header lorem menu right"><a>Lorem</a></div>
<div class="header ipsum menu right"><a>Ipsum</a></div>

<div>そして、それらのコンテンツをコピーしたい

<a>Lorem</a>
<a>Ipsum</a>

私のフッターメニューに追加します:

<div class="footer lorem menu right"></div>
<div class="footer ipsum menu right"></div>

次の関数を使用してこれを行うことができます。

$('.footer.lorem').append($('header.lorem').html());
$('.footer.ipsum').append($('header.ipsum').html());

しかし、この関数を自動化したいので、例えば次のように呼び出すことができます:

$('.lorem').each(function(){
   $('.footer' + THE-NAME-CALLED).append($('.header' + THE-NAME-CALLED).html());
});

このようにして、複数のクラスに同じ関数を使用できます。例:

$('.lorem, .ipsum, .dolor, .sit, .amet').each(function(){
   $('.footer' + THE-NAME-CALLED).append($('.header' + THE-NAME-CALLED).html());
});

これを行う方法を提案してください。

4

3 に答える 3