JQuery的從一個TD獲得價值到另一個

我有這樣的代碼JQuery的從一個TD獲得價值到另一個

<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值輸入與類「編輯Y」使用jQuery。我試圖用不同的方式編寫腳本，但是每次我得到空字段或[Object Object]。有任何想法嗎？

謝謝！

來源

2012-11-20 JudJin

發佈您嘗試過的所以我們可以快速回答問題。 – Abdul

試試這個，

$('.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-20 11:12:43 Swarne27

它的工作原理。如果我有Y1，Y2，Y3，Y4和編輯-Y1，編輯-Y2，編輯-Y3行，我如何最小化代碼的大小並且不寫4行相同的jQuery代碼？ – JudJin

嘗試一下，如果它有用，請投票 – Swarne27

實際上，單擊按鈕後彈出第二個表，因此這些類不是edit-y1/edit-y2。這只是編輯-y。例如，如果我點擊按鈕＃3它會彈出窗口中的信息與類Y3的td。 – JudJin

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

來源

2012-11-20 11:09:30 Abhilash

更普遍的做法：

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

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

來源

2012-11-20 11:11:53 VisioN

JQuery的從一個TD獲得價值到另一個

回答

相關問題