.find（）在两个数据属性之间的范围内？

Question

$(".date-grid").find( $("[data-date=2018-03-15]") ) 这很有效。

我有一个月历 每天都代表<td class="date-grid" data-date="2018-06-12">。

我希望能够在date-grid和$("[data-date=2018-03-15]")之间选择全天/全部$("[data-date=2018-03-20]")。

请帮忙。

Answer 1

如果原始html中存在属性data-date：

var cells = $(".date-grid").find("[data-date]").filter(function() {
  // check $(this).data("date") and return true if it is in range
});

如果通过data-date或.dataset设置$().data值：

var cells = $(".date-grid").find("td.date-grid").filter(function() {
  // check $(this).data("date") and return true if it is in range
});

Answer 2

我的前端开发朋友推荐了这个

var rangeDays = [];

var range = $(".date-grid[data-date='2018-03-15']")
    .nextUntil(".date-grid[data-date='2018-03-21']");

range.each(function() {
    alert($(this).attr('data-date'));
    rangeDays.push( $(this) )
});

console.log(rangeDays);