Maison > Questions et réponses > le corps du texte
var id = snapshot.val().id;
var content = snapshot.val().content;
var textObj = '<p class="task-item">\
<input type="checkbox" />\
<span class="ui-icon ui-icon-clock"></span>\
<span class="task-content">'+content+'</span>\
<span class="task-detail"> detail</span>\
</p>';
Je souhaite ajouter la variable id (qui est un nombre) dans la première ligne à l'attribut class de la balise p dans la troisième ligne. Peut-elle être intégrée directement ?
ringa_lee2017-06-26 10:54:52
var id = snapshot.val().id;
var content = snapshot.val().content;
var textObj = '<p class="task-item'+id+'">\
<input type="checkbox" />\
<span class="ui-icon ui-icon-clock"></span>\
<span class="task-content">'+content+'</span>\
<span class="task-detail"> detail</span>\
</p>';
typecho2017-06-26 10:54:52
L'essence de votre question est de savoir comment modifier le modèle HTML épissé. L'essence est d'épisser les chaînes.
La méthode la plus stupide
var textObj1 = '<p class="task-item"';
var textObj2 = '>\
<input type="checkbox" />\
<span class="ui-icon ui-icon-clock"></span>\
<span class="task-content">'+content+'</span>\
<span class="task-detail"> detail</span>\
</p>';
textObj = textObj1 + id + textObj2
Ou utilisez directement le modèle de chaîne ES6, qui est plus conforme à votre imbrication de variables. Mais il y aura des problèmes de compatibilité.
var textObj = `<p class="task-item${id}">\
<input type="checkbox" />\
<span class="ui-icon ui-icon-clock"></span>\
<span class="task-content">'+content+'</span>\
<span class="task-detail"> detail</span>\
</p>`;
巴扎黑2017-06-26 10:54:52
Puisque vous concaténez des chaînes à l'aide de JS, il en va de même si vous utilisez directement JS+
将字符串拼接进去。
既然你都知道怎么把content
拼接进去了,那拼接id
var id = snapshot.val().id;
var content = snapshot.val().content;
var textObj = '<p class="task-item' + id + '">\
<input type="checkbox" />\
<span class="ui-icon ui-icon-clock"></span>\
<span class="task-content">' + content + '</span>\
<span class="task-detail"> detail</span>\
</p>';
est terminée) textObj
以`
开始,以`
var id = snapshot.val().id;
var content = snapshot.val().content;
var textObj = `<p class="task-item${id}">\
<input type="checkbox" />\
<span class="ui-icon ui-icon-clock"></span>\
<span class="task-content">${content}</span>\
<span class="task-detail"> detail</span>\
</p>`;