インクリメンタルJQuery関数のロード時

Question

私は、このphp関数に基づいてhtml値の数をエコーするjavascriptまたはjQuery関数を作成しようとしています。

<?php if(have_rows('SECTION')): $i = 0; 
    while (have_rows('SECTION')) : the_row(); $i++; ?> 
     <div id='NAME-<?php echo $i; ?>'><?php the_sub_field('OBJECT'); ?></div> 
     <div id='NAME-<?php echo $i; ?>-p'><?php the_sub_field('OBJECT-2'); ?></div> 
    <?php endwhile; 
    else : 
endif; ?> 

私が使用している基本的なjQueryの機能はこれです：

$(function() { 
    $('#NAME-1').click(function() { 
     $('#NAME-1-p').stop().fadeIn(500); 
    }); 
}); 

今私は何度もその関数を繰り返し、連続してそうそこに数を置き換える実際よりも多くの機能をされて終わりますページ上のオブジェクト。これは、php関数が呼び出す情報の範囲が1〜20であるためです。

より洗練されたソリューションを探しています。ありがとう！

Answer 1

私はクラスを使用して、クリックされたものに第二のdiv相対を見つけるでしょう：

<?php if(have_rows('SECTION')): $i = 0; 
    while (have_rows('SECTION')) : the_row(); $i++; ?> 
     <div class='clickable'><?php the_sub_field('OBJECT'); ?></div> 
     <div><?php the_sub_field('OBJECT-2'); ?></div> 
    <?php endwhile; 
    else : 
endif; ?> 

$(function() { 
    $('.clickable').click(function() { 
     $(this).next().stop().fadeIn(500); 
    }); 
});