将变量值传递给 href 参数

Question

我确定这很简单，但我真的被困在这里了..

这是代码

                            <td id="id"></td>
                            <td id="sku"></td>
                            <td id="name"></td>
                            <td id="type"></td>
                            <td id="price"></td>
                            <td id="shipping"></td>
                            <td id="description"></td>
                            <td id="image"></td>
                            <td>
                                <a href="/update-user?id=" </a>
                            </td>
                            <td>
                                <a class="btn border delete" data-id= > </a>
                            </td>

我需要将 id="id" 中的值传递给 href id 和 data-id

table 由这里函数填充

var i = 0;

function next(){
    i++;
    var value = $.ajax({
        type: "get",
        url: "http://localhost:3000/api/users",
        dataType: 'json'
    }).done(function (users) {
        console.log(users[i]);
        $('#id').text(users[i]._id)
        $('#sku').text(users[i].sku)
        $('#name').text(users[i].name)
        $('#type').text(users[i].type)
        $('#price').text(users[i].price)
        $('#shipping').text(users[i].shipping)
        $('#description').text(users[i].description)
        $('#image').html("<img src='"+users[i].image+"'/>")
    });
    return value.responseJSON;
}

非常感谢大家！

Answer 1

给主播一个class.

                            <td>
                                <a class="link" href="/update-user?id=" </a>
                            </td>

然后您就可以访问它并更新它的 href

`$("#table tr").eq(i).find(".link").attr('href', '/update-user?id=' + users[i]._id);

您可以对删除按钮的 data-id 属性进行类似操作。

Answer 2

你是这个意思吗？

只有当页面上有 1 个 link 时才有效，建议您使用 class 或 id 进行定位。就像我们为 .delete 做的那样。否则每个 a href 都会被更改。

var i = 0;

function next(){
    i++;
    var value = $.ajax({
        type: "get",
        url: "http://localhost:3000/api/users",
        dataType: 'json'
    }).done(function (users) {
        console.log(users[i]);
        var uID = users[i]._id;
        $('#id').text(users[i]._id)
        $('#sku').text(users[i].sku)
        $('#name').text(users[i].name)
        $('#type').text(users[i].type)
        $('#price').text(users[i].price)
        $('#shipping').text(users[i].shipping)
        $('#description').text(users[i].description)
        $('#image').html("<img src='"+users[i].image+"'/>")

        $('a').attr("href", "/update-user?id="+uID)
        $('.delete').attr('data-id', uID)
    });
    return value.responseJSON;
}

                            <td id="id"></td>
                            <td id="sku"></td>
                            <td id="name"></td>
                            <td id="type"></td>
                            <td id="price"></td>
                            <td id="shipping"></td>
                            <td id="description"></td>
                            <td id="image"></td>
                            <td>
                                <a href="/update-user?id=" </a>
                            </td>
                            <td>
                                <a class="btn border delete" data-id= > </a>
                            </td>

将变量值传递给 href 参数

passing variable value to href argument

javascript

html

jquery

html-table

href