我有这个代码
<table class="X">
<tr>
<td class="Y">Value</td>
</tr>
</table>
<table class="Z">
<tr>
<td><input class="edit-Y" type="text"></td>
</tr>
</table>
我需要从带有类"Y"的td获取值,并使用jQuery使用类"edit-Y"输入。我尝试以不同的方式编写脚本,但每当我得到空字段或 [对象对象] 时。有什么想法吗?
谢谢!
试试这个,
$('.edit-Y').val($('.Y').html());
评论的其他答案
如果您有如下所示的html,并且想要选择td中的每个值并将其插入特定的输入框,
<table class="X">
<tr>
<td class="Y1">Value1</td>
<td class="Y2">Value2</td>
<td class="Y3">Value3</td>
</tr>
</table>
<table class="Z">
<tr>
<td><input class="edit-Y1" type="text">
<input class="edit-Y2" type="text">
<input class="edit-Y3" type="text"></td>
</tr>
</table>
jquery会这样做,
$(function(){
$('td[class^=Y]').each(function(){
var tdValue = $(this).html();
var id = $(this).attr('class');
$('.edit-'+id).val(tdValue);
});
});
更通用的方法:
$(".Z input").val(function() {
return $(".X td." + this.className.split("-").pop()).text();
});
演示:http://jsfiddle.net/G3tBT/
$('.edit-Y').val( $('td.Y').text() );