![](/img/trans.png)
[英]Add class name to a html element by using html custom attribute value
[英]Find element by class and custom attribute value (then update it)
使用jQuery我想将一些HTML添加到特定的<td>
其属性与我的值相匹配。
例如,我有一个值'2015-02-01',我想找到/搜索具有属性'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方法中应用上面的选择器。
我想是你想要的:
var date = "2015-02-03";
$("td[data-date='" + date + "']").append(date);
这个网址的解决方案: http : //jsfiddle.net/g09jvfxy/1/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.