使用jQuery,我想向特定<td>
添加一些HTML,其属性与我拥有的值匹配。
,我想查找/搜索属性为'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');
只需使用语法为[attributeName[=attributeValue]]
的属性选择器
var value = "2015-02-01";
$('[data-date="' + value + '"]').append('html here');
请注意,您可以在find
、closest
和其他接受CSS选择器的jQuery方法中应用上述选择器。
使用 jQuery Attribute Equals 选择器
然后使用 jQuery html() 添加内容
或使用 jQuery append() 追加内容
这是html()
小提琴
我认为是你想要:
var date = "2015-02-03";
$("td[data-date='" + date + "']").append(date);
此网址上的解决方案:http://jsfiddle.net/g09jvfxy/1/