javascript - Bagaimana untuk membenamkan pembolehubah dalam atribut kelas teg html

Question

{Kod...} Saya ingin menambah pembolehubah id (nombor) dalam baris pertama pada atribut kelas teg div dalam baris ketiga Bolehkah ia dibenamkan secara langsung?

ringa_lee · Answer

    var id = snapshot.val().id;
    var content = snapshot.val().content;
    var textObj = '\
                    \
                    \
                    '+content+'\
                     detail\
                    
';

typecho · Answer

Intipati soalan anda ialah cara menukar templat HTML yang disambung Intinya adalah untuk menyambung rentetan.
Kaedah paling bodoh

var textObj1 = '\
                     detail\
                    ';
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 = `\
                        \
                        \
                        '+content+'\
                         detail\
                        
`;

巴扎黑 · Answer

Memandangkan anda sebenarnya menggabungkan rentetan menggunakan JS, perkara yang sama berlaku jika anda menggunakan JS secara langsung+将字符串拼接进去。
既然你都知道怎么把content拼接进去了，那拼接id

ES5

var id = snapshot.val().id;
var content = snapshot.val().content;
var textObj = '\
    \
    \
    ' + content + '\
     detail\
';

Sudah tentu, anda juga boleh menggunakan rentetan templat ES6, tetapi akan ada masalah dengan keserasian penyemak imbas, seperti berikut: (Perhatikan, keseluruhan

sudah tamat) textObj以`开始，以`

ES6

var id = snapshot.val().id;
var content = snapshot.val().content;
var textObj = `\
    \
    \
    ${content}\
     detail\
`;

我想大声告诉你 · Answer

Atribut tambah cubalah

`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">&nbspdetail</span>\ </p>';`

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">&nbspdetail</span>\ </p>`;