根据当前页面文件名添加 class 不带文件扩展名

Question

我想根据当前页面文件名添加一个class

$(document).ready(function(){
    var url = window.location.pathname;
    var filename = url.substring(url.lastIndexOf('/')+1);
    $( "html" ).addClass( filename );
});

...产生

<html lang="en" dir="ltr" class="server.php">

我怎样才能去除文件扩展名，以便我最终得到...

<html lang="en" dir="ltr" class="server">

Answer 1

您可以将字符串拆分为 . 和 return 除最后一部分以外的所有内容：

$(document).ready(function(){
    var url = window.location.pathname;
    var filename = url.substring(url.lastIndexOf('/')+1).split('.')
    if (filename.length != 1) filename.pop()
    $( "html" ).addClass( filename.join('-'));
});

根据当前页面文件名添加 class 不带文件扩展名

Add class based on current page filename without file extension

html

css

jquery

filenames