JQuery не видит элемент?

Question

[vxzezppa]

Есть HTML шаблон:

<script id="template" type="text/html">
<input type="text" class="lol">
</div>

Есть JS:

var template = $('#template')

console.log(template.html()) // Все нормально, шаблон находит

console.log(template.find('[type="text"]').attr('class')); // Уже все, undefinded

Почему он не может найти элемент?

Comments

[Алексей Юдов]

Если так?

console.log($(template).find('[type="text"]').attr('class')); // Уже все, undefinded

[r_mustang]

find('input[type="text"]')

[vxzezppa]

TCloud, r_mustang, не работает

[Алексей Юдов]

vxzezppa, я вот так написал $(template), а во вторых вы ищите (что-то[text="text]), вместо "что-то" хотя бы класс подставьте

[DanKud]

Видимо из-за тэга <script> не воспринимается содержимое как DOM-элементы. Наверно это какие-то особенности работы JQuery. И без разницы какой MIME-тип указан.

Answer 1

[Евгений Самсонов]

Невалидный HTML. Открывается тег script, а закрывается div. Так будет работать:

<div id="template">
    <input type="text" class="lol">
</div>

https://jsfiddle.net/q42darnz/