jQuery-从表中提取单元格数据

jQuery-从表中提取单元格数据,jquery,html-table,row,cell,Jquery,Html Table,Row,Cell,当用户单击表行末尾的an按钮时,我需要一些帮助来从表中提取单元格数据。该表是通过Ajax技术生成的。我不确定这在访问表的元素时是否会产生影响 <script type='text/javascript' src='jquery.js'></script> <p>** click me **</p> <br/> <div id="placeHolder">some text goes here!</p>

当用户单击表行末尾的an按钮时,我需要一些帮助来从表中提取单元格数据。该表是通过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>

**点击我**


这里有一些文字

$(“p”)。单击(函数(){ $.ajax({ url:“status_2.html”, cache:false, 成功:成功 } ); }); 功能成功(msg) { $('div#placeHolder').html(msg); } 函数selectEditActivity(pass_id){ 变量行=$(“#”+传递id); var-seq=行属性(“seq”); //在这里,我想从所选行中提取日期的值 //但我就是不能正确使用语法。我得到一个空值 var from_date=$('td',row.eq(0).html(); 警报(自发布日期起); }
这是读取的html代码(文件:status_2.html)


日期
20090519
1330
1430
午餐
20100519
1330
1430
午餐
20110519
1330
1430
午餐
更改此选项:

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

var from_date = row.next().children('td').eq(0).html();
…因为您要查找的信息位于ID所在行的下一行。ID所在行没有
元素

现场示例:


EDIT:您可以去掉内联onclick处理程序,如果需要,让jQuery分配处理程序

$(function() {

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

});

辉煌!我对这种类型的例子总是有问题。有没有更好的方法来表达这个解决方案?@鲍勃的兄弟:你是在问是否有更好的方法来实现这个目标?如果是这样,您可能需要考虑使用jQuery处理事件处理程序。您可以去掉内联onclick处理程序,只需从单击的处理程序遍历DOM即可。我会告诉你最新情况,
$(function() {

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

});