Encontré algunas publicaciones con problemas similares, pero esto es algo diferente. Actualicé de jQuery 1.4 a 1.4.2 después de leer otra publicación, pero el problema aún se presenta. También intenté ejecutar IE 8 en modo compatibilidad y nada parecía funcionar. Por supuesto, funciona perfectamente bien en Chrome.No se pueden seleccionar los elementos del elemento HTML5 en IE8 con el selector jQuery
Aquí está el marcado:
<section class="pleaseWaitButton">
<p><img src="images/please_wait.png" alt="Please wait" /></p>
<p><input type="image" src="images/add_to_cart.png" alt="Add to cart"/></p>
</section>
Aquí está el único selector de jQuery que hace trabajo en este escenario ...
$('.pleaseWaitButton').length // 1
y aquí está la selectores de jQuery que no funcionan!
$('.pleaseWaitButton').find('input').length // 0
$('.pleaseWaitButton input').length // 0
$('.pleaseWaitButton > p > input').length // 0
¿Alguna idea? Nadie...?
Tenga en cuenta que el shiv no resuelve todos los problemas con los nuevos elementos; en particular 'innerHTML' necesita cuidados especiales. No usaría los elementos del contenedor semántico HTML5 todavía: solo le darán errores de IE y aún tienen poco beneficio tangible sobre un div. – bobince
Diré que los elementos HTML5 han hecho que mi CSS sea extremadamente limpia en comparación con lo que he escrito antes. Por ejemplo, cada vez que tengo estilos para el elemento principal en una página, siempre es el elemento de mi artículo, por lo que el css es súper limpio porque solo necesito darle un estilo al elemento del artículo. Ese es solo un ejemplo. No hay necesidad de identificadores en la mayoría de los casos. – jedmao
Gracias por la respuesta. Está funcionando bien hasta ahora. Nunca uso InnterHTML nunca así que no va a ser un problema. – jedmao