按类和自定义属性值查找元素(然后更新它)

Question

使用jQuery我想将一些HTML添加到特定<td>属性与我的值匹配的特定HTML .

例如,我有一个值'2015-02-01',我想查找/搜索<td>具有属性'data-date ="2015-02-01"'并将HTML附加到匹配值,在此示例中是<td>1</td>

<div class="fc-content-skeleton">
<table>
<thead>
<tr>
<td data-date="2015-02-01" class="fc-day-number">1</td>
<td data-date="2015-02-02" class="fc-day-number">2</td>
<td data-date="2015-02-03" class="fc-day-number">3</td>
<td data-date="2015-02-04" class="fc-day-number">4</td>
<td data-date="2015-02-05" class="fc-day-number">5</td>
<td data-date="2015-02-06" class="fc-day-number">6</td>
<td data-date="2015-02-07" class="fc-day-number">7</td>
</tr>
</thead>
</table>
</div>

我没有任何示例代码,因为我真的陷入了如何处理这个问题.

// This only gives me the value of the attribute
$this.parent().find('.fc-day-number').attr('data-date');

Answer 1

只需使用其语法为的属性选择器[attributeName[=attributeValue]]

var value = "2015-02-01";
$('[data-date="' + value + '"]').append('html here');

注意,您可以应用上面的选择器find,closest以及其他接受CSS选择器的jQuery方法.