jQuery .load（） - 从DOM中获取td内容

Question

我正在从一个页面读取表格行，然后尝试将单元格内容放入第二页上的各个元素中。我有这样的工作，但我想（a）正确地做，并（b）摆脱我拾起的额外标签。 所以我的方法是....

$(document).ready(function() { 
    $(function(){ 
    $('#result_row').load('schedule.html #schedule_list tr:eq(1)',function(){ 
     var date = $('td:eq(0)',this); 
     $('#date').html(date); 
     var title = $('td:eq(0)',this); 
     $('#title').html(title); 
     var speaker = $('td:eq(0)',this); 
     $('#speaker').html(speaker); 
    });    
    }); 
}); 

，然后我有 <div class= "upcoming"> Next Talk: <span id="speaker"></span> - <span id="title"></span> (<span id="date"></span>) </div> <span id="result_row"></span>

所以此工程到一个点，但我有一个明显的感觉，我低效（或错误的）做这件事，因为我是一个jQuery新手。特别是，有一个空的<span id="result_row">似乎不正确。更重要的是，它还将<td>标签导入<span>元素，我想避免这些元素。所有尝试innerHTML的失败（如var date = $('td:eq(0)',this).innerHTML;

感谢您的帮助，

尼克

编辑：所以，现在我可以做到这一点三倍

var date = $('td:eq(0)',this).text(); 
$('#date').text(date); 

就避开了<td>标签。或者我可以做到这一点

var data = $.find('td',this); 
$('#date').html(data[0]); 
$('#speaker').html(data[1]); 
$('#title').html(data[2]); 

我认为看起来更清晰（我认为最后三行可以在一个中完成）。可悲的是.text（）似乎不起作用，所以我坚持在我的输出中使用了<td>。

Answer 1

如果您只想获取td中的数据，请使用.html()或.text()。例如：

var date = $('td:eq(0)',this).html(); 

在从页面做正确，加载HTML（刮）而言是很少做正确。你应该从其他来源越来越的数据，如提供&服务器等格式的JSON但是如果你必须这样做，你的代码看起来好像没什么问题:)

Answer 2

在效率方面，这是我会怎样做它：

$(document).ready(function() { 
    var resultRow = $('#resultRow'); 

    $.ajax({ 
     url: 'schedule.html' 
    }) 
    .done(function(response) { 
     var context = $('#schedule_list tr:eq(1)'), 
      data = context.find('td:eq(0)'); 

     $('#date, #title, #speaker').html(data).appendTo(resultRow); 
    }); 
}); 

我注意到你有2 document.ready s。删除了其中一个。