Javascript 基于行和列在onclick中获取值

Javascript 基于行和列在onclick中获取值,javascript,jquery,Javascript,Jquery,有两个div,id分别定义为time_slice和events。 时间片父id为block1,block1 id位置为绝对位置。 事件父id为block2,block2 id位置为相对位置 我希望有人在单击事件li标记的同时\u slice li标记值得到返回。此处仅返回事件li标记值 当用户单击单元格时,我也想检索时间值。当前仅填充日期 但我不想将div更改为表结构 $(document).ready(function(){ $('#events li').on('click', fu

有两个div,id分别定义为time_slice和events。 时间片父id为block1,block1 id位置为绝对位置。 事件父id为block2,block2 id位置为相对位置

我希望有人在单击事件li标记的同时\u slice li标记值得到返回。此处仅返回事件li标记值

当用户单击单元格时,我也想检索时间值。当前仅填充日期

但我不想将div更改为表结构

$(document).ready(function(){
    $('#events li').on('click', function(event){
        $('#utest').html($(this).html());
        var eobj = new jQuery.Event("click");
        eobj.pageY = event.pageY;
        $(document).find('.timeline').trigger(eobj);    
   });
});

$('.timeline').on('click', function(){

});


因为它看起来像一个表,所以您应该使用表而不是列表。 然后获取列和行索引及其值:

$('td').on('click', function() {
    //  Get row and column indexes
    var row_index = $(this).parent().index(),
        col_index = $(this).index();
    //  Get time and date values
    var time = $('tr:eq('+ row_index +') td:eq(0)').text(),
        date = $('tr:eq(0) td:eq('+ col_index +')').text();
    //  Just for a show
    alert(time + ' ' + date);
});
工作示例:

就是这样

$(“表td:not(:first child)”)。在(“单击”,函数(){
var time=$(this.parent().find(“td:first child”).html(),
日期=$(“表thead td”).eq($(this.index()).html();
$(“表tfoot td”).html(日期+时间);
})

2017-07-06
2017-07-07
2017-07-08
02:00
02:30
03:00
03:30

对不起,我无法解释更多的面糊??为什么?请用更好的解释解释更多细节。:)您创建的html不好。我会将date创建为单独的实体,将每个单元格创建为独立的实体。i、 每个单元格都应该是单独的dom元素。无论如何,我建议您点击x和y,并将每次的y位置与y位置进行比较,以检查哪些时间位于同一轴上。对不起,我不想查看表结构。那么您需要什么?图片上说我想做一个日程表。这样地。因此,事件无法在表格单元格中移动和调整大小。您提供的示例是使用表格。我还不明白这个问题