#1 by PatrickT
Hello, I am creating a gift exchange game where the firms bid on wages. I have a table of bids and bid numbers and would like to remove the row which contains the player's old bid by using their old bid number after a player submits a new bid. Code:
<table id="bid_history" class="table">
<tr>
<th>Bid Number</th>
<th>Wage</th>
</tr>
</table>
let bid_history = document.getElementById('bid_history');
(I then have liveRecv function which executes the following line to add elements when a new wage bid is recieved:)
function liveRecv(data){
...
bid_history.innerHTML += "<tr><td>" + data.bid_number + '</td><td>' + data.wage + '</td></tr>';
...
}
I have a variable named previous_bid_number in the data sent to the LiveRecv function which I would like to then use to remove the appropriate row. Any ideas on how to do this would be much appreciated. Thank you!
#2
by
Valery
Hi Patrick, I do not know HTML well enough to give you a reliable answer but given no one replied for a few days I can offer you my guess :) When you are creating the table, I am guessing, you can create a unique element id for each row. Then you may be able to change the row visibility to hide it. Regards, Valery
#3
by
BonnEconLab
(edited )
Yes, Valery’s suggestion will work. Setting the `visibility` property to `hidden` will, however, leave the space occupied by the respective table row visible. If you want to completely remove the row, you need to set the `display` property to `none`.
More specifically, the following should work (not tested; be sure not to mix up the single and double quotes!):
document.getElementById("bid_history").innerHTML += "<tr id='tr_" + data.bid_number + "'><td>" + data.bid_number + "</td><td>" + data.wage + "</td></tr>";
To make the row invisible, execute
document.getElementById("tr_" + data.previous_bid_number).style.display = "none";
You can also remove it completely:
document.getElementById("tr_" + data.previous_bid_number).remove();
#4 by PatrickT
Hi Valery and BonnEconLab, Thank you very much for the assistance! I was actually attempting to do something akin to what BonnEconLab suggested before I asked for help, but could not get the id I was setting to work. Thank you for making it clear what I need to do :). Best, PatrickT