Estoy seguro de que esto es fácil, pero estoy realmente atrapado aquí ...
este es el codigo
<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>Necesito pasar el valor que estará en id="id" a href id y data-id
La tabla se rellena con esta función aquí
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; }¡Muchas gracias a todos!
Dale al ancla una clase.
<td> <a class="link" href="/update-user?id=" </a> </td> entonces puedes acceder a él y actualizar su href
`$("#table tr").eq(i).find(".link").attr('href', '/update-user?id=' + users[i]._id); Puede hacer lo mismo con el atributo de data-id del botón Eliminar.
¿Es esto lo que quieres decir? 🕶
Solo cuando haya 1 enlace en la página, esto funcionará , le aconsejaría que use una clase o una identificación para la orientación. Como lo hicimos para .delete . De lo contrario, se cambiará cada 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>