Javascript 基于行和列在onclick中获取值
有两个div,id分别定义为time_slice和events。 时间片父id为block1,block1 id位置为绝对位置。 事件父id为block2,block2 id位置为相对位置 我希望有人在单击事件li标记的同时\u slice li标记值得到返回。此处仅返回事件li标记值 当用户单击单元格时,我也想检索时间值。当前仅填充日期 但我不想将div更改为表结构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
$(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位置进行比较,以检查哪些时间位于同一轴上。对不起,我不想查看表结构。那么您需要什么?图片上说我想做一个日程表。这样地。因此,事件无法在表格单元格中移动和调整大小。您提供的示例是使用表格。我还不明白这个问题