assigning ID's to body tag using jquery

问题

Help on this guys,

I have here a script that adds an ID on body tag

this is the result I see

<body id="xxx-cat">

with the script I'm using below

<script>
$(document).ready(function(){
// Edit xxx-cat to match desired category link id:
$('body').attr("id","xxx-cat");
if ($('body[id]')) {
var bid = $("body").attr("id");
// Keep the next command on one line
$('div.droplinebar li a[class='+bid+']').addClass('current');
}
})
</script>

How can I make the ID's (1,2,3,4), because I have 4 pages and want it like

<body id="1"> for the home page
<body id="2"> for the about
<body id="3"> for the clients
<body id="4"> for the contact

and by the way this is a tumblr custom page, can't use PHP here

回答1:

As I understand your question, you can change the scripting, but not the page itself (because it is on Tumblr?)

Try something like:

$(document).ready(function(){
    var bodyId = '1'; // Set to 1, 2, 3, 4 etc    
    $("body").attr('id', bodyId);
    $('div.droplinebar li a.'+bodyId).addClass('current');
});

However as mentioned in the comments, you shouldn't just use an number for your ID, consider revising this if possible.

回答2:

found an answer to My question

$(function() {
    var pathname = window.location.pathname;
    var getLast = pathname.match(/.*\/(.*)$/)[1];
    var truePath = getLast.replace(".php","");
    if(truePath === '') {
        $('body').attr('id', 'home');
    }
    else {
        $('body').attr('id', truePath);
    }
});

results

home = <body id="home">
about = <body id="about">
clients = <body id="clients">
contacts = <body id="contacts">

来源：https://stackoverflow.com/questions/14993759/assigning-ids-to-body-tag-using-jquery

标签

javascript

jquery