jquery 从具有 属性 的元素获取 ID

jquery get ID from element with a property

我有一个 属性 的值,它是每个元素中唯一不同的:

属性:和值示例: 数据日期="2016-04-08"

我只需要更改这个的背景颜色,但我不知道 jquery 是否可以。

我的示例当前元素 html:

<td class="fc-day fc-widget-content fc-fri fc-past" data-date="2016-04-08"></td>
<td class="fc-day fc-widget-content fc-fri fc-past" data-date="2016-04-09"></td>
<td class="fc-day fc-widget-content fc-fri fc-past" data-date="2016-04-10"></td>

我正在寻找改变它的颜色背景的方法,但我只有 属性 值作为参考:

Earray[i] = "2016-04-08"

我正在尝试:

to get id : var idf = $(this).attr("data-date",Earray[i]).id();

直接更改CSS:

$(this).attr("data-date",Earray[i]).css('background-color', 'rgb(255, 255, 255)');

但我没有关于此元素的事件来使用 "this" 获取它 可以帮助我选择器或网页上带有 属性 "data-date" 的元素,其值如下:2016-04-08

您可以使用属性选择器来检索元素。试试这个:

$('[data-date="' + Earray[i] + '"]').css('background-color', 'rgb(255, 255, 255)');

Working example

请注意,您可以将属性选择器与 class 或元素结合使用以提高性能,例如。 $('td[data-date="..."]')。另请注意,您应该将样式规则放在单独的 CSS 样式表中,并且只有 add/remove class 放在您的 JS 代码中。