Guest User

Untitled

a guest
Jul 18th, 2018
100
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.16 KB | None | 0 0
  1. <td><div>this value here</div></td>
  2.  
  3. function changeit() {
  4. var valueToFind = $('#number').val();
  5. $('#data > tbody> tr').each(function(index) {
  6. console.log(index);
  7. var firstTd = $(this).find('td:first');
  8. if ($(firstTd).text() == valueToFind) {
  9. console.log("found: " + index + ":" + valueToFind);
  10. $(this).find('td:eq(1)').text($('#item').val());
  11. $(this).find('td:eq(2)').text($('#color').val());
  12. }
  13. })
  14. }
  15.  
  16. <!DOCTYPE html>
  17.  
  18. <html>
  19.  
  20. <head>
  21.  
  22. <meta http-equiv="Content-Language" content="en-us">
  23.  
  24. </head>
  25.  
  26. <body>
  27.  
  28. Number:*
  29. <input type="text" id="number">
  30. <br> Items:
  31. <input type="text" id="item">
  32. <br> Color:
  33. <input type="text" id="color">
  34. <br>
  35.  
  36. <br>
  37.  
  38. <input type="button" onclick="changeit()" value="save">
  39.  
  40. <br>
  41.  
  42. <table id="data" style="width: 100%" cellspacing="1" class="style1">
  43. <tr>
  44. <td>
  45. <div><b>Number*</b></div>
  46. </td>
  47. <td>
  48. <div><b>items</b></div>
  49. </td>
  50. <td>
  51. <div><b>Colors</b></div>
  52. </td>
  53. </tr>
  54. <tbody>
  55. <tr>
  56. <td>
  57. <div>
  58. <div>123</div>
  59. </div>
  60. </td>
  61. <td>
  62. <div>Boats</div>
  63. </td>
  64. <td>
  65. <div>red</div>
  66. </td>
  67. </tr>
  68. <tr>
  69. <td>
  70. <div>456</div>
  71. </td>
  72. <td>
  73. <div>Vehicles</div>
  74. </td>
  75. <td>
  76. <div>blue</div>
  77. </td>
  78. </tr>
  79. <tr>
  80. <td>
  81. <div>789</div>
  82. </td>
  83. <td>
  84. <div>Motorcycles</div>
  85. </td>
  86. <td>
  87. <div>green</div>
  88. </td>
  89. </tr>
  90. </tbody>
  91. </table>
  92.  
  93. </body>
  94.  
  95. </html>
  96.  
  97. var firstTd = $(this).find('td:first');
  98.  
  99. var firstTd = $(this).find('td:first div');
Add Comment
Please, Sign In to add comment