So ändern Sie die Dateierweiterung mit jquery

Question

Ich habe ein paar Links mit PDF-Erweiterungen, ich möchte, wenn der Benutzer auf den Link klicken Sie den gesamten Text des Links in Variable gespeichert.
von dieser Variablen i .pdf .jpg
ich versuchte

$(".links").click(function() { 

    var clickedId= $(this).text(); 
    document.getElementById("thumb_url").value = "educroc.com/thumbs/"+clickedId+'.jpg'; 

zB repalce wollen: ich habe Liste
<a href="#"> 1.pdf</a>

wenn Benutzer klicken Sie auf das clickedId=1.pdf
mein Ergebnis ist: 1.pdf.jpg
erforderliches Ergebnis ist: 1.jpg

Answer 1

Versuchen:

$(".links").click(function() { 

    var clickedId= $(this).text(); 
    clickedId.replace(/\.[^/.]+$/, ""); // it will remove any extension from name 
    document.getElementById("thumb_url").value = "educroc.com/thumbs/"+clickedId+'.jpg'; 

}); 

Answer 2

Sie wollen nicht die Erweiterung der Datei ändern, möchten Sie die Zeichenfolge der Link von „.pdf“ auf „.jpg“ ändern.

Sie können jQuery verwenden Sie den Namen der Datei zu erhalten und ersetzen Sie es, wie folgt aus:

$(".links").click(function() { 
    var clickedId= $(this).text(); 
    var url = $('#thumb_url').html(); // bla/bla/bla.pdf 
    var split = url.split('.'); 
    split[split.length - 1] = 'jpg'; // Last position of split is the extension 
    var newUrl = split.join('.'); 
    $('#thumb_url').html(newUrl); 

`` `

Obwohl Sie wahrscheinlich das Attribut href eher den Inhalt des zu ändernden ;)