javascript - jQuery 如何从单击的链接获取查询参数的值

Question

给定一个像这样的链接:

<a href="/users/xxxx?width=640" class="dialogOnClick">Create Account</a>

我有

$('.dialogOnClick').live('click', function() {
    // How to get 640, given we look for the width param?
    console.log( $(this).?????)
});

当用户单击带有dialogOnClick类的链接时，我想检查是否有宽度查询参数，如果有，则获取该值。在上面的例子中是 640。这可能吗？

谢谢

Answer 1

元素的 search 属性将包含查询字符串。

然后您可以将其解析为键和值对，或者仅使用正则表达式来完成这个简单的示例。

$('.dialogOnClick').live('click', function() {
    console.log( this.search.match(/width=(\d+)/)[1] );
});

jsFiddle .

但是，如果没有匹配项，这将失败。您可能希望将 match() 的返回结果分配给一个变量，并首先测试是否具有所需的元素。