Data-Url

by jasenhk

HTML

<div id="foo" data-url="kung/foo/1">Foo</div>
<a id="bar" href="#" data-url="foo/bar/1">Bar</a>
<div id="msg"></div>

CSS

div, a
{
    margin: 5px;
    padding: 5px;
}

JavaScript

$("#foo").on("click", function() {
    var url = $(this).data("url");
    $("#msg").html(url);
});

$("#bar").on("click", function() {
    var url = $(this).data("url");
    $("#msg").html(url);
});