在jQuery中获取锚标记值

Question

I have a html tag like this.

<a class="employee_details" target="_blank" href="index1.php?name=user1&id=123">User</a>

I need to get the two parameter values in jquery

<script type="text/javascript">
    $(function () {
        $('.employee_details').click(function () {
            var status_id = $(this).attr('href').split('name');
            alert(status_id[0]);
        });
    });
</script>

Any help in getting both the parameter values in two variables in javascript.

I want to get user1 and 123 in two variables using jQuery

Thanks Kimz

Answer 1

Try this logic:

var href = $(this).attr('href');
var result = {};
var pars = href.split("?")[1].split("&");

for (var i = 0; i < pars.length; i++)
{
    var tmp = pars[i].split("=");
    result[tmp[0]] = tmp[1];
}

console.log(result);

So you'll get the parameters as properties on result object, like:

var name = result.name;
var id = result.id;

Fiddle.

UPDATE:

For the down-voter who could not undertand this, an implemented version:

var getParams = function(href)
{
    var result = {};
    var pars = href.split("?")[1].split("&");

    for (var i = 0; i < pars.length; i++)
    {
        var tmp = pars[i].split("=");
        result[tmp[0]] = tmp[1];
    }

    return result;
};

$('.employee_details').on('click', function (e) {
    var params = getParams($(this).attr("href"));
    console.log(params);

    e.preventDefault();
    return false;
});

Fiddle.