jQuery ID選擇器在IE 8中不起作用

Question

我有以下選擇器：

$('#terminal-template').text()

以及體內的jsp頁面片段：

<script type="text/template" id="terminal-template">
    <li data-terminal-id="{{ id }}" class="{{ clazz2 }}">
        <label>
            <input type="checkbox" name="terminal" class="{{ clazz }}" data-terminal-id="{{ id }}" />
            <a href="#" title="" class="image"><img
                    src="getSmallThumbnail/{{imageId}}"
                    alt=""/></a>

            <h3>{{ name }}
                <small>{{ place }}</small>
            </h3>

            <p class="count">Проходимость: <span>{{ count }}</span> чел./час</p>

            <p class="count">Стоимость: <span>{{ amount }}</span> руб./час</p>

            <p class="count">Количество свободных слотов: <span>{{ numberOfEmptyCase }}</span> </p>
        </label>
    </li>
</script>

在IE $('#terminal-template').text()它返回空（ "" ）

但在Chrome中-它可以正常工作並返回

"
    <li data-terminal-id="{{ id }}" class="{{ clazz2 }}">
        <label>
            <input type="checkbox" name="terminal" class="{{ clazz }}" data-terminal-id="{{ id }}" />
            <a href="#" title="" class="image"><img
                    src="getSmallThumbnail/{{imageId}}"
                    alt=""/></a>

            <h3>{{ name }}
                <small>{{ place }}</small>
            </h3>

            <p class="count">Проходимость: <span>{{ count }}</span> чел./час</p>

            <p class="count">Стоимость: <span>{{ amount }}</span> руб./час</p>

            <p class="count">Количество свободных слотов: <span>{{ numberOfEmptyCase }}</span> </p>
        </label>
    </li>
"

Answer 1

從存儲在虛擬腳本塊中的模板內部獲取HTML時，應始終使用.html()而不是text() 。

例如，這將適用於所有瀏覽器：

var html = $('#terminal-template').html();

實際上，我很驚訝text()在任何瀏覽器上都返回任何內容，但是我想Google也許有用。 從技術上講，腳本內容是“文本”，但是並非所有瀏覽器都將其標准化，因此最好避免使用。 html()保證會返回innerHTML屬性，因此將始終在所有瀏覽器上運行