jQuery: How can select clicked element in table without define unique id for each element
- by Yosef
Hello,
I have table (that generated by server) below.
I want to get input element value class="itemQuantity" of clicked row.
I write jQuery code but he missing "this" of clicked element.
<script type="text/javascript">
$(document).ready(function() {
$('.updateButton').click(function() {
alert($('.itemQuantity').val());
});
});
</script>
How can I do it with jQuery (I thinking to use this and not create id for each element, but I have low knowledge in jQuery).
Thanks,
Yosef
<table id="items">
<tr>
<th>item id</th>
<th>item name</th>
<th>item quantity</th>
<th>item update</th>
</tr>
<tr>
<td class="itemID">
1
</td>
<td class="itemName">
Ferari
</td>
<td >
<input class="itemQuantity" type="text" size="4" />
</td>
<td>
<button class="updateButton">update item</button>
</td>
</tr>
<tr>
<td class="itemID">
2
</td>
<td class="itemName">
Fiat
</td>
<td >
<input class="itemQuantity" type="text" size="4" />
</td>
<td>
<button class="updateButton">update item</button>
</td>
</tr>
<tr>
<td class="itemID">
3
</td>
<td class="itemName">
Hundai
</td>
<td >
<input class="itemQuantity" type="text" size="4" />
</td>
<td>
<button class="updateButton">update item</button>
</td>
</tr>
</table>
