（jquery）從選定的tr中查找td的內容

我對JQuery非常陌生，所以對於可能是一個非常簡單的問題的appologies。（jquery）從選定的tr中查找td的內容

我有一個表，當我在一排點擊，我想單元的詳細信息填充到一個形式：

這麼簡單的例子

<table id="table"> 
<tr><td class="field1">1 </td><td class="field2">2 </td></tr> 
</table> 
<input id="input" type="text" />

所以JQuery的：

$(document).ready(function() { 
    $('#table tr').click(function() { 
     $test = $(this).find('td').context.innerText) //problem here * 
     $('#input').val(); 
    })

此返回TR將InnerText（即「1 2」

我怎樣supose做...

在此先感謝

安迪

編輯：好吧，我搶我知道我搞砸了我的supose打字，這裏是JS我試圖：

$(document).ready(function() { 
    $('#table tr').click(function() { 
     $field1 = $(this).find('td.field1').context.innerText) //problem here * 
     $('#input1').val($field1); 
     $field2 = $(this).find('td.field2').context.innerText) //problem here * 
     $('#input12').val($field2); 
    })

Appologies的混亂

來源

2010-03-08 Andy

如果希望每個單元格的文本是捕獲爲燒毛空格分隔的字符串來填充你的輸入，你可以這樣做：

$(document).ready(function() { 
    $('#table tr').click(function() { 
     var $test = $(this).find('td').map(function() { 
      return $(this).text(); 
     }).get().join(" "); 
     $('#input').val($test); 
    }); 
});

編輯只需撥打text()，如：

var $field1 = $(this).find('td.field1').text();

來源

2010-03-08 12:15:21 karim79

我不知道如果我的編輯所做的任何更改您的建議，如果你可以去看看。並感謝您的回覆，我會看看 – Andy 2010-03-08 12:30:15

噢好神，那很容易，謝謝你的工作/ bonk – Andy 2010-03-08 12:32:20

$(document).ready(function() { 
    var $test=""; 
    $('#table tr>td').click(function() { 
     $test = $(this).text(); 
     $('#input').val($test); 
    )}; 
});

alernative：

$(document).ready(function() { 
    var $test =""; 
    $('.field1, #table').click(function() { 
     $test = $(this).text(); 
     $('#input').val($test); 
)}; 
    $('.field2, #table').click(function() { 
    $test = $(this).text(); 
    $('#input').val($test); 
)}; 
});

來源

2010-03-08 12:34:45

它對我有用：

HTML：

<tr class="" id="tr_id" > 
    <td class="l_id">7283630222</td> 
</tr> 
<tr class="" id="tr_id" > 
    <td class="l_id">7276684022</td> 
</tr> 
<input tyxp="text" id="leadID"></input>

的jQuery：

$(document).ready(function(){ 
    $("tr#tr_id").click(function(){ 
     $("#hiddenDiv").show(); 
     $("#leadID").val($(this).find("td.l_id").text()); 
    }); 
});

來源

2013-04-22 08:22:06 user1676876

（jquery）從選定的tr中查找td的內容

回答

相關問題