how to get the current page id in wordpress using jquery

Question

how to get a page id in wordpress using jquery alone.I am planing to change some styles of a page using a custom script for which i need to know page id.

Answer 1

function get_current_page_id() {
    var page_body = $('body.page');

    var id = 0;

    if(page_body) {
        var classList = page_body.attr('class').split(/\s+/);

        $.each(classList, function(index, item) {
            if (item.indexOf('page-id') >= 0) {
                var item_arr = item.split('-');
                id =  item_arr[item_arr.length -1];
                return false;
            }
        });
    }
    return id;
}

Add this function to your code. You can now get the page id by using:

var id = get_current_page_id();

Answer 2

Use wp_localize_script.

function my_custom_vars() {

global $wp_query;
    $vars = array(
        'postID' => $wp_query->post->ID,
    );

wp_localize_script( 'myvars', 'MyScriptVars', $vars );
}  

add_action ('wp_enqueue_scripts', 'my_custom_vars');

You can use the vaiables in your scripts this way..

<script type="text/javascript">
    var MyPostID = MyScriptVars.postID;
</script>

Answer 3

If you want to get the current page id in jQuery alone you can do it in following steps:

• First make hidden input or hidden HTML tag and add the current page id in it by id of the element: c_pageid and the value get_the_ID();
• In your jQuery file you can get this value by id like var pageId=$("#c_pageid").val();

This may solve your problem.