通过 class 和自定义属性值查找元素（然后更新它）

Question

使用 jQuery 我想向特定的 <td> 添加一些 HTML，其属性与我的值相匹配。

例如，我有一个值“2015-02-01”，我想 find/search 具有属性 'data-date="2015-02-01"' 的 <td> 并将 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

只需使用 attribute selector 语法为 [attributeName[=attributeValue]]

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

请注意，您可以在 find、closest 和其他接受 CSS 选择器的此类 jQuery 方法中应用上述选择器。

Answer 2

使用jQueryAttribute Equals selector

然后使用jQueryhtml()添加内容

或使用jQuery append()附加内容

这里是html()fiddle

Answer 3

我想是你想要的：

var date = "2015-02-03";

$("td[data-date='" + date + "']").append(date);

关于此 url 的解决方案：http://jsfiddle.net/g09jvfxy/1/

通过 class 和自定义属性值查找元素（然后更新它）

Find element by class and custom attribute value (then update it)

html

javascript

jquery

fullcalendar