jQuery 텍스트 바꾸기

Question

이전에이 질문을했습니다, please click here!

이

<script> 
$(document).ready(function() { 
    $('#TextBox2').blur(function() { 
     var objVal = $(this).val(); 
     if (objVal != '') { 
      $('h3 a[class="Anchor2"]').text(objVal); 
     } 
     else { 
      $('h3 a[class="Anchor2"]').text("Default Text") 
     } 
    }); 
}); 

내 마크 업

<a href="#" class="Anchor2">Default Link Text</a> 
<input type="text" size="50" name="Medication2" id="Medication2"> 

앵커 링크 및 텍스트의 첫 번째 세트에 대한이 작품의 미세 질문

이 내 jQuery를되는 확장 기능입니다 상자

이 고유 ID와 앵커 링크 및 텍스트 상자의 더 많은 세트를 추가 할 것입니다 클릭하면

하지만 내 페이지에 버튼이는

TextBox1, TextBox2, TextBox3 .... 
Anchor1, Anchor2, Anchor3 ..... respectively. 

는 어떻게 스크립트가 너무 특정 세트에 대해서만 작동 할 수 있습니다.

Like TextBox3에 대해 blur 이벤트가있는 경우 앵커 3에만 영향을 주어야합니다.

그리고 각 세트와 독립적이어야합니다.

Answer 1

문자열 조작 :

$(document).ready(function() { 
    $('#TextBox2').blur(function() { 
     // num will hold the 'number' in the id: 2 
     var num = $(this).attr('id').replace("TextBox", ""); 
     var objVal = $(this).val(); 
     if (objVal != '') { 
      $('h3 a[class="Anchor'+num+'"]').text(objVal); 
     } 
     else { 
      $('h3 a[class="Anchor'+num+'"]').text("Default Text"); 
     } 
    }); 
});