Question

I have a wordpress site that im list out files in a directory. The code gets spit out as

<a href="http://helpdesk-3/acme/wp-content/uploads/important_documents/compliance_documents/sample_document.pdf">sample_document.pdf</a>

Im trying to wrap my head around using jQuery to re-write the link display text to camel case, no extension, and spaces. So it would run and re-write it as

<a href="http://helpdesk-3/acme/wp-content/uploads/important_documents/compliance_documents/sample_document.pdf">Sample Document</a>

Does anyone have a suggestion?

Answer 1

$('a').each(function() { // Loop over all links
    var txt = $(this).text().split('.'); // Link contents, split on '.'
    txt.pop(); // remove last (the extension)
    txt = txt.join('.').replace(/_/g, ' '); // replace '_' with spaces
    txt = $.map(txt.split(' '), function(v) { // split on spaces
        // and uppercase the 1st letter
        return v.substring(0, 1).toUpperCase() + v.substring(1, v.length);
    }).join(' ');
    $(this).text(txt); // set the new text
});​

DEMO: http://jsfiddle.net/f6x9P/1/