jQuery - 從表中提取單元格數據

Question

當用戶單擊表格行尾部的按鈕時，我需要一些幫助從表格中拉取單元格數據。該表是通過Ajax技術生成的。我不確定訪問表格中的元素是否有所幫助。

<script type='text/javascript' src='jquery.js'></script> 
    <p>** click me **</p> 
    <br/> 
    <div id="placeHolder">some text goes here!</p> 
<script> 
    $("p").click(function() { 

     $.ajax({ 
      url: "status_2.html",  
      cache: false, 
      success: fnSuccess 
      } 
     ); 
    }); 

    function fnSuccess(msg) 
    { 
     $('div#placeHolder').html(msg); 
    } 

function selectEditActivity(pass_id){ 
    var row = $('#'+pass_id); 
    var seq = row.attr('seq');  
    // here I would like to pull the value of the date from the selected row 
    // but I just can't get syntax right. I get a null value on alert 
    var from_date = $('td', row).eq(0).html(); 
    alert(from_date); 
} 
</script> 

這是獲取閱讀HTML代碼（文件：status_2.html）

<span id="status2"> 
    <span id="response" class="response"></span> 

    <table class="tableBorder"> 
    <tr > 
    <th class="align_left">Date</th> 
    </tr><tr> 

    <tr seq="1" class="row_theme2" id="id3014201105191"></tr> 
    <tr><td>20090519</td> 
    <td>1330</td> 
    <td>1430</td> 
    <td>LUNCH</td> 
    <td></td> 
    <td><a onclick="selectEditActivity('id3014201105191');" href="#">EDIT</a></td> 
</tr> 

    <tr seq="2" class="row_theme2" id="id3014201105192"></tr> 
    <tr><td>20100519</td> 
    <td>1330</td> 
    <td>1430</td> 
    <td>LUNCH</td> 
    <td></td> 
    <td><a onclick="selectEditActivity('id3014201105192');" href="#">EDIT</a></td> 
</tr> 

    <tr seq="3" class="row_theme2" id="id3014201105193"></tr> 
    <tr><td>20110519</td> 
    <td>1330</td> 
    <td>1430</td> 
    <td>LUNCH</td> 
    <td></td> 
    <td><a onclick="selectEditActivity('id3014201105193');" href="#">EDIT</a></td> 
</tr> 
</tbody></table> 

Answer 1

更改此：

var from_date = $('td', row).eq(0).html(); 

這樣：

var from_date = row.next().children('td').eq(0).html(); 

...因爲您要查找的信息位於下一行從身份證號碼的人那裏得到。具有ID的行沒有<td>元素。

活生生的例子：http://jsfiddle.net/kkP56/

---

編輯：你可以擺脫內聯onclick處理的，讓jQuery的分配處理程序，如果你想要的。

$(function() { 

    $('table tr a').click(function() { 
     var from_date = $(this).parent().prevAll().last().html(); 
     alert(from_date); 
    }); 

});