Vigour9,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.red {
color: #FF0000;
}
.tooltips-link{
font-weight: bold;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function() {
var td = $("td");
td.on("input", "input:first", function(event) {
var val = +$(event.delegateTarget).find(":hidden").val() * this.value||0;
$(event.delegateTarget).nextUntil().each(function(indx, element) {
$(this).html($("<span/>", {
"class": "tooltips-link red",
"text": val * (indx + 1)
}))
})
})
});
</script>
</head>
<body> <table id="demonstration" border="1">
<tbody>
<tr>
<td colspan="5"><b>InnerHtml рядом стоящих ячеек <font color="red">текущего ряда</font> меняются когда я вписываю цифры в текстбокс. Как реализовать это на jQuery?</b></td>
</tr>
<tr>
<td style="width:100px">Put number</td>
<td style="width:100px">
<span class=" spinBox" id="demonstration1">
<input value="1" type='text' size="5" >
</span>
<input type='hidden' value='5' />
</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td style="width:100px">Put 2nd number</td>
<td style="width:100px">
<span class=" spinBox" id="demonstration1">
<input value="1" type='text' size="5" >
</span>
<input type='hidden' value='3' />
</td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</body>
</html>