Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <td><div>this value here</div></td>
- function changeit() {
- var valueToFind = $('#number').val();
- $('#data > tbody> tr').each(function(index) {
- console.log(index);
- var firstTd = $(this).find('td:first');
- if ($(firstTd).text() == valueToFind) {
- console.log("found: " + index + ":" + valueToFind);
- $(this).find('td:eq(1)').text($('#item').val());
- $(this).find('td:eq(2)').text($('#color').val());
- }
- })
- }
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Language" content="en-us">
- </head>
- <body>
- Number:*
- <input type="text" id="number">
- <br> Items:
- <input type="text" id="item">
- <br> Color:
- <input type="text" id="color">
- <br>
- <br>
- <input type="button" onclick="changeit()" value="save">
- <br>
- <table id="data" style="width: 100%" cellspacing="1" class="style1">
- <tr>
- <td>
- <div><b>Number*</b></div>
- </td>
- <td>
- <div><b>items</b></div>
- </td>
- <td>
- <div><b>Colors</b></div>
- </td>
- </tr>
- <tbody>
- <tr>
- <td>
- <div>
- <div>123</div>
- </div>
- </td>
- <td>
- <div>Boats</div>
- </td>
- <td>
- <div>red</div>
- </td>
- </tr>
- <tr>
- <td>
- <div>456</div>
- </td>
- <td>
- <div>Vehicles</div>
- </td>
- <td>
- <div>blue</div>
- </td>
- </tr>
- <tr>
- <td>
- <div>789</div>
- </td>
- <td>
- <div>Motorcycles</div>
- </td>
- <td>
- <div>green</div>
- </td>
- </tr>
- </tbody>
- </table>
- </body>
- </html>
- var firstTd = $(this).find('td:first');
- var firstTd = $(this).find('td:first div');
Add Comment
Please, Sign In to add comment