div 자식의 모든 요소 id를 변경하는 방법

Question

bi_과 같은 div 자식 요소의 모든 ID를 변경하고 추가 할 수있는 방법은 무엇입니까? 이 예와 같이 :

<script> 
    var opts = '1'; 
    $('.mm > #bi_name').attr('id', 'bi_name_'+opts); 
    $('.mm > #bi_email').attr('id', 'bi_email_'+opts); 
    $('.mm > #bi_expire').attr('id', 'bi_expire_'+opts); 

    $('.ss > #bi_ohhh').attr('id', 'bi_ohhh_'+opts); 
    $('.ss > #bi_bala').attr('id', 'bi_bala_'+opts); 
    $('.ss > #bi_ola').attr('id', 'bi_ola_'+opts); 

    ..... 

</script> 

<div id="lol" class="mm"> 

    <!-----I want to change all id below-----> 

    <div id="profile"> 
       <div class="about text-center"> 
        <h1 id="bi_name">Banned player name</h1> //change and this id="bi_name" to id="bi_name_1" 
       </div> 
       <ul class="personal-info"> 
        <li><label><i class="fa fa-envelope fa-fw fa-lg"></i> Email</label><span id="bi_email">EMAIL</span></li> //change and this id="bi_email" to id="bi_email_1" 
        <li><label><i class="fa fa-calendar fa-fw fa-lg"></i> Expire Time</label> 
         <span> 
          <a href="" id="bi_expire" data-original-title="Select Date of ban expire">EXPIRE TIME</a> //change and this id="bi_expire" to id="bi_expire_1" 
         </span> 
        </li> 
       </ul> 
    </div> 
    <div id="content" class="ss"> 
     ..... 
    </div> 
    <div id="gallery" class="gg"> 
     .... 
    </div> 

    <!-----I want to change all id above-----> 

</div> 

Answer 1

다음 설정 .attr(attributeName, fn)를 사용하여 당신은 Attribute Starts With Selector [name^=”value”]를 사용하여 모든 요소를 ​​대상으로 사용할 수있는 id

var opts = '1'; 
$('.mm [id^=bi_]').attr('id', function(_, val){ 
    return val + '_' + opts; 
});