Rumah > Soal Jawab > teks badan
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>';
Saya ingin menambah pembolehubah id (iaitu nombor) dalam baris pertama ke atribut kelas tag p dalam baris ketiga Bolehkah ia dibenamkan secara langsung?
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
Intipati soalan anda ialah cara menukar templat HTML yang disambung Intinya adalah untuk menyambung rentetan.
Kaedah paling bodoh
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
Atau gunakan templat rentetan ES6 secara langsung, yang lebih sesuai dengan sarang pembolehubah anda. Tetapi akan ada masalah keserasian.
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
Memandangkan anda sebenarnya menggabungkan rentetan menggunakan JS, perkara yang sama berlaku jika anda menggunakan JS secara langsung+
将字符串拼接进去。
既然你都知道怎么把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>';
sudah tamat) 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>`;