javascript - 声明一个带有条件的 JavaScript 变量

Question

我有一个问题。我想在 JS 中创建一个字符串(变量)，使用条件如下:

var seanceHtml = '<table>' +
    '<tr><td>{{ Lang::get("messages.Monday") }}</td><td></td></tr>' +
        $.each(seances, function (index, seance)
        {

            if(seance.day == 0)
            {
                if(typeof seance.start_date === 'undefined' && typeof seance.end_date === 'undefined')
                {
                    <td><a><span class="fa fa-plus"></span></a></td>
                }
            }
        }) +
    '<tr><td>{{ Lang::get("messages.Tuesday") }}</td><td></td></tr>' +
    '<tr><td>{{ Lang::get("messages.Wednesday") }}</td><td></td></tr>' +
    '<tr><td>{{ Lang::get("messages.Thursday") }}</td><td></td></tr>' +
    '<tr><td>{{ Lang::get("messages.Friday") }}</td><td></td></tr>' +
    '<tr><td>{{ Lang::get("messages.Saturday") }}</td><td></td></tr>' +
    '</table>';

它说我的语法有问题。

Answer 1

您需要在 jQuery.each() 函数内进行串联，如下所示。

var seanceHtml = '<table>' +
         '<tr><td>{{ Lang::get("messages.Monday") }}</td><td></td></tr>';
$.each(seances, function (index, seance) {
    if(seance.day == 0) {
        if(typeof seance.start_date === 'undefined' && typeof seance.end_date === 'undefined') {
            seanceHtml += '<td><a><span class="fa fa-plus"></span></a></td>';
        }
    }
});
seanceHtml += '<tr><td>{{ Lang::get("messages.Tuesday") }}</td><td></td></tr>' +
    '<tr><td>{{ Lang::get("messages.Wednesday") }}</td><td></td></tr>' +
    '<tr><td>{{ Lang::get("messages.Thursday") }}</td><td></td></tr>' +
    '<tr><td>{{ Lang::get("messages.Friday") }}</td><td></td></tr>' +
    '<tr><td>{{ Lang::get("messages.Saturday") }}</td><td></td></tr>' +
    '</table>';

查看此演示。

seances = [{start_date : 'asdasdasd', end_date : 'asdasdasd', day : 0 },{start_date : 'asdasdasd', end_date : 'asdasdasd'},{start_date : 'asdasdasd', end_date : 'asdasdasd'}];

seanceHtml = '<table>' +
         '<tr><td>{{ Lang::get("messages.Monday") }}</td><td></td></tr>';
$.each(seances, function (index, seance) {
    if(seance.day == 0) {
        if(typeof seance.start_date === 'undefined' && typeof seance.end_date === 'undefined') {
            seanceHtml += '<td><a><span class="fa fa-plus"></span></a></td>';
        }
    }
});
seanceHtml += '<tr><td>{{ Lang::get("messages.Tuesday") }}</td><td></td></tr>' +
    '<tr><td>{{ Lang::get("messages.Wednesday") }}</td><td></td></tr>' +
    '<tr><td>{{ Lang::get("messages.Thursday") }}</td><td></td></tr>' +
    '<tr><td>{{ Lang::get("messages.Friday") }}</td><td></td></tr>' +
    '<tr><td>{{ Lang::get("messages.Saturday") }}</td><td></td></tr>' +
    '</table>';


document.getElementById('text').innerHTML = seanceHtml;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<textarea id="text" rows="10" cols="80"></textarea>