Как получить th (заголовок) текста из таблицы с помощью Jquery, когда header является {{variable}}

Question

Я видел кучу сообщений о получении значения / текста из заголовка, но ни одно из решений не работает в моем конкретном случае использования, и я подозреваю, что это может быть связано с тем, что мой заголовок получил свое значениеиз моего основного кода Python (я использую колбу).

<table id="UCNTable" class="table table-striped table-bordered table-sm" cellspacing="0" width="100%">
            <thead>
                <tr>
                    <th>
                    {{ header[0] }}
                    </th>
                    <th>
                    {{ header[2] }}
                    </th>
                    <th>
                    {{ header[3] }}
                    </th>
                    <th>
                    {{ header[4] }}
                    </th>
                    <th>
                    {{ header[5] }}
                    </th>
                </tr>
            </thead>
            <tbody>
                {% for row in data %}
                <tr>
                    <td>
                    {{row.name}}
                    </td>
                    <td>
                    {{row.Amt}}
                    </td>
                    <td>
                    {{row.OK}}
                    </td>
                    <td>
                    {{row.Err}}
                    </td>
                    <td>
                    {{row.prT}}
                    </td>
                </tr>
                {% endfor %}
            </tbody>
            <tfoot>
                <tr>
                    <th>
                    {{ header[0] }}
                    </th>
                    <th>
                    {{ header[2] }}
                    </th>
                    <th>
                    {{ header[3] }}
                    </th>
                    <th>
                    {{ header[4] }}
                    </th>
                    <th>
                    {{ header[5] }}
                    </th>
                </tr>
            </tfoot>
        </table>

   <script>
        $('#UCNTable tfoot th').each( function () {
            var title = $(this).text();
            $(this).html( '<input type="text" placeholder="Search '+title+'" />' );
        } );
</script>

Так что в основном это должно сказать "поиск переменная ", но это просто говорит поиск.Есть идеи, что я делаю не так?Я подозреваю, что JQuery ищет какой-то текст, но у него есть проблема, так как это переменная - любая помощь приветствуется!Спасибо.

Answer 1

Я нашел исправление!Оказывается, что в моей функции, когда переменная была добавлена ​​в заполнитель, каким-то образом появилась новая строка rogue / n, поэтому я обрезал переменную, чтобы она правильно показала результат

$('#UCNTable tfoot th').each( function () {
        var title = $(this).text();         
        var trimTitle = $.trim(title.replace(/[\t\n]+/g,' '));

        $(this).html( '<input type="text" placeholder="Search '+trimTitle+'"/>' );
    } );