특정 데이터 속성을 사용하는 모든 요소의 텍스트 변경

Question

현재 여러 요소의 텍스트를 특정 데이터 속성 값으로 변경하려면 jQuery를 사용하려고합니다. 예를 들어

:

I '가 PARAGRAPH2'(특정 데이터 요소에 대한 변화의 값)로 '텍스트 2'에서 '텍스트 1'및 'PARAGRAPH1'를 변경할

index.html 
---------- 
<h1 data-change="text2">text1</h1> 
<p data-change="paragraph2">paragraph1</p> 

.

어떻게해야합니까?

데이터 속성 '데이터 변경'을 사용하여 모든 요소를 ​​'선택'할 수 있다고 가정하고 간단한 $(this).text($(this).data('change')); 또는 뭔가를 수행 할 수 있다고 가정했습니다.

Answer 1

이 작업을 수행 할 수 있습니다

$('[data-change]').each(function(){ 
    $(this).text($(this).data('change')); 
}); 

당신은 요소를 반복하고 텍스트를 변경할 수 있습니다.

Answer 2

.text 메서드는 콜백 함수를 받아 들일 수 있습니다.

$('[data-change]').text(function() { 
    return $(this).data('change'); 
}); 

Answer 3

당신은 어떻게

-html-

 

<select id="" name="" class="input_select"> 

      <option value="text2" selected="selected">text2</option> 
      <option value="paragraph2">paragraph2</option> 
    </select> 

    <h1 class="text2">text1</h1> 
    <p class="paragraph2">paragraph1</p> 
</pre> 
 

-js- 
$ (문서) .ready (함수() {
 

$('.input_select').change(function(){ 


     var valitem = $(this).val() 

     if (valitem == 'text2') 
     { 
      $('.text2').text(valitem) 

     }else{ 

      $('.paragraph2').text(valitem) 

     } 


    }) 
});