87,910
社区成员
发帖
与我相关
我的任务
分享
$(function() {
$("#table input").bind("change",function() {
var td=$(this).parent()[0];
alert("第" + (td.cellIndex+1) +"列,第"+ (td.parentNode.rowIndex+1) +"行。");
});
}
);
<table id="table" border="1">
<tr>
<td>
<input value="1-1"/>
</td>
<td>
<input value="1-2"/>
</td>
<td>
<input value="1-3"/>
</td>
<td>
<input value="1-4"/>
</td>
</tr>
<tr>
<td>
<input value="2-1"/>
</td>
<td>
<input value="2-2"/>
</td>
<td>
<input value="2-3"/>
</td>
<td>
<input value="2-4"/>
</td>
</tr>
<tr>
<td>
<input value="3-1"/>
</td>
<td>
<input value="3-2"/>
</td>
<td>
<input value="3-3"/>
</td>
<td>
<input value="3-4"/>
</td>
</tr>
<tr>
<td>
<input value="4-1"/>
</td>
<td>
<input value="4-2"/>
</td>
<td>
<input value="4-3"/>
</td>
<td>
<input value="4-4"/>
</td>
</tr>
</table>
<script src="http://www.coding123.net/js/jquery.js"></script>
<script>
$(function(){
$('table input').change(function(){
var td=this.parentNode,tr=td.parentNode;
alert('行号:'+tr.rowIndex+'\n列号:'+td.cellIndex)
});
});
</script>
<table border="1">
<tr>
<td>
<input value="1-1"/>
</td>
<td>
<input value="1-2"/>
</td>
<td>
<input value="1-3"/>
</td>
<td>
<input value="1-4"/>
</td>
</tr>
<tr>
<td>
<input value="2-1"/>
</td>
<td>
<input value="2-2"/>
</td>
<td>
<input value="2-3"/>
</td>
<td>
<input value="2-4"/>
</td>
</tr>
<tr>
<td>
<input value="3-1"/>
</td>
<td>
<input value="3-2"/>
</td>
<td>
<input value="3-3"/>
</td>
<td>
<input value="3-4"/>
</td>
</tr>
<tr>
<td>
<input value="4-1"/>
</td>
<td>
<input value="4-2"/>
</td>
<td>
<input value="4-3"/>
</td>
<td>
<input value="4-4"/>
</td>
</tr>
</table>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("tr td input").focus(function(){
var $t=$(this).val();
$(this).blur(function(){
var $s=$(this).val();
if($t!=$s){
var k=parseInt($(this).parents('td').index())+parseInt(1);
//alert(k);
alert("第:"+parseInt($(this).parents('tr').index()+1)+"行第:"+k+"列");
}
});
});
})
</script>
<table border="1">
<tr>
<td>
<input value="1-1"/>
</td>
<td>
<input value="1-2"/>
</td>
<td>
<input value="1-3"/>
</td>
<td>
<input value="1-4"/>
</td>
</tr>
<tr>
<td>
<input value="2-1"/>
</td>
<td>
<input value="2-2"/>
</td>
<td>
<input value="2-3"/>
</td>
<td>
<input value="2-4"/>
</td>
</tr>
</table>
$('table').find('input').change(function(){
var td = $(this).parent('td');
td.css('background', 'red');
var tr = $(this).closest('tr');
tr.css('background', 'blue');
});