3

我有这个代码

<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”进行输入。我尝试以不同的方式编写脚本,但每当我得到空字段或 [Object Object]。有任何想法吗?

谢谢!

4

3 回答 3

1

更通用的方法:

$(".Z input").val(function() {
    return $(".X td." + this.className.split("-").pop()).text();
});

演示:http: //jsfiddle.net/G3tBT/

于 2012-11-20T11:11:53.067 回答
1

试试这个,

$('.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);
  });
});
于 2012-11-20T11:12:43.583 回答
0

$('.edit-Y').val( $('td.Y').text() );

于 2012-11-20T11:09:30.737 回答