Question

请帮助，我需要在使用jquery的id=10位置选择“ 10”，并在使用type=do的位置选择“ do”

<a class="myClass" href="/local/web/do.php?type=d0&id=10">link</a>

我尝试了jQuery (this).attr('href');，但是返回了所有链接地址，我需要将每个变量设置为一个变量。

我想要类似的东西 var id =“仅选择id值的选择器” var type =“仅选择类型值的选择器”

谢谢

Answer 1

function getQueryVariable(query, variable) {
    var vars = query.split('&');
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split('=');
        if (decodeURIComponent(pair[0]) == variable) {
            return decodeURIComponent(pair[1]);
        }
    }
    console.log('Query variable %s not found', variable);
}

$(".myClass").on("click", function(event){
    event.preventDefault();
    var href = $(this).attr('href');
    var query = href.split('?');
    var vars = query[1];

    console.log(getQueryVariable(vars, 'type'));
    console.log(getQueryVariable(vars, 'id'));
});

尝试一下，参考：Parse query string in JavaScript

Answer 2

是您要找的东西吗？

我已经从点击链接中分离了ID

function doalert(obj) {
  var type = obj.getAttribute("href").split('type=')[1];

  console.log("id--", obj.getAttribute("href").split('id=')[1], "type--", type.split("&")[0]);
}

<a class="myClass" href="/local/web/do.php?type=d0&id=10" onclick="doalert(this)">link</a>

用jQuery选择链接

2 个答案: