又是填空题,我想把同一个td 里面的text的内容,赋值给label。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<script src="jScript/jquery-1.2.6.js" type="text/javascript"></script>
<script type="text/javascript">
function setVal() // 目的:循环获得 <input type="text" /> 的 value 赋给同一个td的 <label/>
{
for(i=0; i< $("#dataTable").find("tr").length; i++)
{
//i 是行索引,循环走过各个行,但不会写如何赋值了,各位帮帮忙。
alert( i );
}
}
</script>
</head>
<body>
<table id="dataTable" border="1" style="width: 400px;" >
<tr>
<td>
<label id="a">1</label> <input id="1" type="text" value="1" />
</td>
</tr>
<tr>
<td>
<label id="b">2</label> <input id="2" type="text" value="2" />
</td>
</tr>
<tr>
<td>
<label id="c">3</label> <input id="3" type="text" value="3" />
</td>
</tr>
<tr>
<td>
<label id="d">4</label> <input id="4" type="text" value="4" />
</td>
</tr>
<tr>
<td>
<label id="e">5</label> <input id="5" type="text" value="5" />
</td>
</tr>
</table>
<input id="Button1" type="button" value="赋值" onclick="setVal()" />
</body>
</html> 不知道怎么用jquery来根据行索引获取相对应的对象,网上不好查,谁懂的帮个忙,谢了。
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<script src="jScript/jquery-1.2.6.js" type="text/javascript"></script>
<script type="text/javascript">
function setVal() // 目的:循环获得 <input type="text" /> 的 value 赋给同一个td的 <label/>
{
for(i=0; i< $("#dataTable").find("tr").length; i++)
{
//i 是行索引,循环走过各个行,但不会写如何赋值了,各位帮帮忙。
alert( i );
}
}
</script>
</head>
<body>
<table id="dataTable" border="1" style="width: 400px;" >
<tr>
<td>
<label id="a">1</label> <input id="1" type="text" value="1" />
</td>
</tr>
<tr>
<td>
<label id="b">2</label> <input id="2" type="text" value="2" />
</td>
</tr>
<tr>
<td>
<label id="c">3</label> <input id="3" type="text" value="3" />
</td>
</tr>
<tr>
<td>
<label id="d">4</label> <input id="4" type="text" value="4" />
</td>
</tr>
<tr>
<td>
<label id="e">5</label> <input id="5" type="text" value="5" />
</td>
</tr>
</table>
<input id="Button1" type="button" value="赋值" onclick="setVal()" />
</body>
</html> 不知道怎么用jquery来根据行索引获取相对应的对象,网上不好查,谁懂的帮个忙,谢了。
$('#dataTable label').each(function(){
$(this).html($('+ input:text', this).val());
});
}
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<script src="jScript/jquery-1.2.6.js" type="text/javascript"></script>
<script type="text/javascript">
function setVal(){
$("#dataTable tr td").each(function(){
$(this).children("label").eq(0).html($(this).children("input").eq(0).val());
});
}
</script>
</head>
<body>
<table id="dataTable" border="1" style="width: 400px;" >
<tr>
<td>
<label id="a">1</label> <input id="1" type="text" value="1" />
</td>
</tr>
<tr>
<td>
<label id="b">2</label> <input id="2" type="text" value="2" />
</td>
</tr>
<tr>
<td>
<label id="c">3</label> <input id="3" type="text" value="3" />
</td>
</tr>
<tr>
<td>
<label id="d">4</label> <input id="4" type="text" value="4" />
</td>
</tr>
<tr>
<td>
<label id="e">5</label> <input id="5" type="text" value="5" />
</td>
</tr>
</table>
<input id="Button1" type="button" value="赋值" onclick="setVal()" />
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<script src="jScript/jquery-1.2.6.js" type="text/javascript"></script>
<script type="text/javascript">
function setVal(){
$("#dataTable tr td").each(function(){
$(this).children("input").eq(0).val($(this).children("label").eq(0).html());
});
}
</script>
</head>
<body>
<table id="dataTable" border="1" style="width: 400px;" >
<tr>
<td>
<label id="a">1</label> <input id="1" type="text" value="1" />
</td>
</tr>
<tr>
<td>
<label id="b">2</label> <input id="2" type="text" value="2" />
</td>
</tr>
<tr>
<td>
<label id="c">3</label> <input id="3" type="text" value="3" />
</td>
</tr>
<tr>
<td>
<label id="d">4</label> <input id="4" type="text" value="4" />
</td>
</tr>
<tr>
<td>
<label id="e">5</label> <input id="5" type="text" value="5" />
</td>
</tr>
</table>
<input id="Button1" type="button" value="赋值" onclick="setVal()" />
</body>
</html>
$('+ input:text', this).val($(this).html());
});