Question

我有这段代码

<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”。我尝试以不同的方式编写脚本，但任何时候我得到空字段或[对象对象]。有什么想法吗？

谢谢！

Answer 1

更普遍的做法：

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

DEMO： http://jsfiddle.net/G3tBT/

Answer 2

试试这个，

$('.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);
  });
});

Answer 3

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

JQuery从一个td到另一个获得价值

3 个答案: