jQuery选择器-根据属性值获取元素

Question

我正在用我的html应用程序创建日历类型控件，并且我已经使用表格格式来实现。 在此日历中，我已将date属性添加到td元素中，而我的dom将如下所示

<td date="Tue Aug 30 2016" class="current">30</td>
<td date="Mon Aug 29 2016" class="current">29</td>

我已将类似的日期属性添加到该月日历中的所有日期。

我想将此日期属性与jQuery选择器一起使用以检索该特定的td元素。 我的日期属性值也将从下面的代码中获取

new Date("11/05/2016").toDateString(); // out will like "Sat Nov 05 2016"

我想选择一些像这样的东西

$('.current[date=new Date("11/05/2016").toDateString()]')

//在这里，我手动设置了11/05/2016，但这将从本地存储变量获取。

感谢您的任何建议

Answer 1

您需要串联：

$('.current-month[date="'+new Date("11/05/2016").toDateString()+'"]')

Answer 2

由于需要执行new Date("11/05/2016").toDateString() ，因此需要在选择器中串联结果

$('.current-month[date="'+new Date("11/05/2016").toDateString()+'"]')

我建议您使用以data-*为前缀的自定义属性来存储任意数据。

<td data-date="Tue Aug 30 2016" class="current">30</td>

Answer 3

这是我的方法：

1. 创建一个遍历所有td.current元素的函数，并将日期数据字段与提供的日期进行比较。

2. 如果存在匹配项，则返回该元素。

   函数getDateElement（date_selector）{$（'td.current'）。each（function（）{if（$（this）.data（'date'）=== date_selector）{return $（this）;}}）; }

   getDateElement（'2016年8月30日星期二'）;