Question

我设计了一个使用html和j Query的习俗日历。我想强调起算日期的连续数天(约2天)。我的日历中的现有日期是可供使用的类别。这部法典使用:

$(".monthly-calendar .available").hover(function() {
    $(this).toggleClass("selected");
    $(this).next(".available").toggleClass("selected");
}

不幸的是,下()只为母行工作。这在一行最后一栏中一栏中就产生了问题,在这种情况下,一栏只突出一栏。我如何在接下来的几行中超负荷选择现有的TD公司?

The fiddle is available on http://jsfiddle.net/yL573/1/。第26条对问题进行跟踪。 26年的更替也应突出27个或下一个可用数字。我想概括一下这几天(k>1,此处为k=2)的选择。

Answer 1

could it be something like this? i made a quick jsfiddle for your concept

甚至在中间几天已经不存在(没有现成的班级)的情况下,它甚至在不同行各业。

http://jsfiddle.net/dP3Bk/1/"rel=“nofollow> http://jsfiddle.net/dP3Bk/1/。

让我知道,这是你期望它做些什么。

最终不采用<代码>.next(),而是使用所有<代码><td>要素阵列中的元件索引。

javascript:

$( #tableid td.available ).hover(function(){
    // mouse in
    var available = $( #tableid td.available );
    var i = available.index($(this));
    $(available[i]).add($(available[i+1])).addClass( current );
}, function(){
    // mouse out
    $( td.current ).removeClass( current );
});

remark if you have a lot of elements this can be a performance hit. in any case, i d add the id of the table in front of your selectors, not to work with all td.available elements.

Answer 2

humble suggestion... check if the element is the (n-1)th child of the row or even the nth child ...if thats the case highlight the nth and the first child of the next row for n-1 and first and second td of next row for nth element... example in a row of 10 cols our element is 9th then 10th and the next rows 1st columns to be set with the selected class.... if the element is 10th check for the last child and select the parent trs next and then its 1st two child td....a conditional should suffice i guess... hope i made sense .....cheers!!

友情链接