如何使用jQuery與自身的函數替換文本

Question

我有以下

<div class="change">a</div> 
<div class="keep">b</div> 
<div class="change">c</div> 
<div class="change">d</div> 
<div class="keep">e</div> 
<div class="change">f</div> 

我需要一個jQuery的statment讓所有元素與class="change"要大寫。

Answer 1

試試這個：

$(document).ready(function() { 
 
    
 
    $(".change").each(function(){ 
 
     
 
     var str = $(this).text().toUpperCase(); 
 
     
 
     $(this).text(str); 
 
     
 
    }) 
 
    
 
})

<div class="change">a</div> 
 
<div class="keep">b</div> 
 
<div class="change">c</div> 
 
<div class="change">d</div> 
 
<div class="keep">e</div> 
 
<div class="change">f</div> 
 
     
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

Answer 2

爲什麼你需要爲這個jQuery，您可以輕鬆地用CSS做。

.change { 
 
    text-transform: uppercase; 
 
    }

<div class="change">a</div> 
 
<div class="keep">b</div> 
 
<div class="change">c</div> 
 
<div class="change">d</div> 
 
<div class="keep">e</div> 
 
<div class="change">f</div>