anında benim sınıf ile css sınıfını değiştirmek

Question

Bu

<div class="btn btn-pagination"> 
    <i class="fa fa-angle-right"></i> 
</div> 

gibi html render ediyorum ve sayfa yüklemesi sırasında ben myClass

ile fa fa-angle-right değiştirmek istiyor bu yüzden

$(document).ready(function() { 
    $('.btn.btn-pagination').children($('.fa.fa-angle-right').removeClass()); 
    $('.btn.btn-pagination').children().addClass('myClass'); 
}) 

çalıştı

bu işe yaramıyor, bu yüzden burada ne yapıyorum?

Answer 1

Kodunuz çalışmalı, ancak bunu gerçekleştirmenin daha iyi bir yolu olmasına rağmen (daha iyi seçici ve jQuery zincirleme kullanılarak) aşağıda gösterilmiştir.

bu deneyin: -

$(document).ready(function() { 
    $('.btn.btn-pagination').children('.fa.fa-angle-right').removeClass().addClass('myClass'); 
}); 

DEMO

VEYA

$(document).ready(function() { 
    $('div.btn.btn-pagination > i.fa.fa-angle-right').removeClass().addClass('myClass'); 
}); 

DEMO

Answer 2

demo here bakın. Aşağıda

bulabilirsiniz kodu:

HTML:

<div class="btn btn-pagination"> 
    <i class="fa fa-angle-right"></i> 
</div> 

JS: Daha iyi bir çözüm sadece bir kez dom erişen edilmelidir

$(document).ready(function() { 
    $('.btn.btn-pagination > i').attr('class', 'myClass'); 
}) 

Answer 3

.

jQuery(document).ready(function($) { 
 
    return $('.btn.btn-pagination .fa.fa-angle-right') 
 
    .removeClass() 
 
    .addClass('foobaz') 
 
    ; 
 
});

.foobaz { background: red; width: 200px; height: 100px; margin: 0 auto; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="btn btn-pagination"> 
 
    <div class="fa fa-angle-right"></div> 
 
</div>

Answer 4

HTML

<div class="btn btn-pagination"> 
    <i class="fa fa-angle-right"></i> 
</div> 

JS

$(document).ready(function(){ 
    $(".fa .fa-angle-right").addClass('myClass'); 
    $(".fa .fa-angle-right").removeClass('.fa-angle-right'); 
    });