Ändern Sie Text aus Großbuchstaben in Kleinbuchstaben jQuery

Question

Ich versuche, Text aus Großbuchstaben zu ändern, in Kleinbuchstaben, aber seine Arbeit nicht

Dies ist der Code, den ich

HTML Struktur

<div class="brand_name"> 
    <a href="#"> A-RET-TZ 0.1 %</a> 
</div> 

versucht haben, JS Ich habe versucht

$('.brand_name').val().toLowerCase(); 

P roblem ich habe, ist der Text auf Seite mit Großstandardmäßig generiert

Anybody bitte

Answer 1

Verwenden text() Methode mit Callback-Funktion des Textinhalt zu aktualisieren, basierend auf alten Inhalt.

$('.brand_name a').text(function(i, oldText) { 
 
    return oldText.toLowerCase(); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="brand_name"> 
 
    <a href="#"> A-RET-TZ 0.1 %</a> 
 
</div>

Answer 2

Sie müssen vorschlagen, den Text anchor Element setzen, .text(fn) Verfahren verwendet werden können.

$('.brand_name a').text(function(i, text) { 
 
    return text.toLowerCase(); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="brand_name"> 
 
    <a href="#"> A-RET-TZ 0.1 %</a> 
 
</div>

Answer 3

Verwenden text Eigenschaft fiddle:

JS:

var $this = $('.brand_name a'); 
$this.text($this.text().toLowerCase()); 

Answer 4

Dies auch reine CSS erreicht mit werden kann.

div.brand_name > a { 
 
    text-transform: lowercase; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="brand_name"> 
 
    <a href="#"> A-RET-TZ 0.1 %</a> 
 
</div>

Answer 5

Hier ist ein Vanille javascript Weg, es ist schön, ein wenig Abwechslung haben

document.querySelector(".brand_name a").innerHTML = document.querySelector(".brand_name a").innerHTML.toLowerCase();

<div class="brand_name"> 
 
    <a href="#"> A-RET-TZ 0.1 %</a> 
 
</div>