如何通过查找属性来更新html？

-1

<li class="person" data-chat="person1"> 
    <img src="http://s13.postimg.org/ih41k9tqr/img1.jpg" alt="" /> 
    <span class="name">user time</span> 
    <span class="time">0:00 AM</span> 
    <span class="preview">last message</span> 
</li>

我有一个VAR时间的实际时间。我想将值0:00 AM替换为具有属性data-chat="person1"的var时间。如何通过查找属性来更新html？

来源

2017-01-23 przem

正如古老的问题...什么企图，如果有的话，你有没有解决这个问题提出？如果你只是寻找具有该属性的元素，你可以执行'$（“[data-chat ='person1']”）'。 – Santi

[改变具有特定数据属性的所有元素的文本]的可能重复（http://stackoverflow.com/questions/23258618/change-text-of-all-elements-with-specific-data-attribute） –

试试这个：

$('[data-chat="person1"] .time').html(time.toString())

$('[data-chat="person1"] .time')将元素与类.time这是[data-chat="person1"]元素选择的子匹配。

来源

2017-01-23 21:20:18

@cale_b是啊，刚编辑 –

为什么downvoted？ –

使用

document.querySelector('["data-chat"="person1"] .time').innerHTML = '23:00 AM' // new time

来源

2017-01-23 21:20:40 gaurang171

当问题被标记为jQuery时，使用jQuery是有意义的，因为它不那么冗长。 –

如何通过查找属性来更新html？

回答

相关问题