jquery - Jquery : 対応するクラスの属性を取得

Question

以下を含むJSONがあります。

OverlaySpaceID = 1, id = "example-overlay1", px = 0, py = 0, width = 100, height = 100, className = "highlight" ,location = "https://www.google.co.in"

次のコードを使用してjsonを解析します。

 $.ajax({
     type: "Get",
     async: false,
     dataType: "json",
     url: '***/OverlayJson',
     success: function (data) {
         over = data;
     },
     error: function (httpReq, status, exception) {
         alert(status + " " + exception);
     }
 });

次のようにdziイメージでJSONを使用します

OpenSeadragon({
    id: "example-zoomit-tilesource",
    prefixUrl: "openseadragon/images/",
    tileSources: [{
        Image: {
            xmlns: 'http://schemas.microsoft.com/deepzoom/2008',
            Url: "http://cache.zoom.it/content/WwI0_files/",
            Format: 'jpg',
            Overlap: "0",
            TileSize: "256",
            ServerFormat: "Default",
            Size: {
                Width: "5816",
                Height: "3961"
            }
        },
        overlays: over //json 
    }, ]
});

JSON はオーバーレイとして dzi 画像にマップされます。クリックすると、JSON の「場所」フィールドの値が必要になります。

jQuery(function () {
    setTimeout(bindtooltip, 2000);
});

function bindtooltip() {

    jQuery('.highlight').click(function () {

        var status = $(this).attr('id') //works fine
        var loc = $(this).attr('location') // not working
        alert(status);
        alert(loc);
        // window.location.href=loc;
    });
}

どうすれば位置を取得できますか?

リンクをご覧ください