javascript - 在 jQuery 中获取 anchor 标记值

Question

我有一个这样的 html 标签。

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

我需要在jquery中获取两个参数值

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

在 javascript 中获取两个变量中的参数值的任何帮助。

我想使用 jQuery 在两个变量中获取 user1 和 123

谢谢金兹

Answer 1

您可以使用 URLSearchParams作为最新的现代解决方案:

let href = $(this).attr('href');
let pars = new URLSearchParams(href.split("?")[1]);

console.log(pars.get('name'));

所有现代浏览器都支持，不需要 jQuery!

原答案:

试试这个逻辑:

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);

因此您将获得参数作为 result 对象的属性，例如:

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

Fiddle .

---

一个实现的版本:

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 .