.attr ('clase') no está definido en jQuery()

Question

Tengo un problema con mi función jquery en un tema de wordpress. He usado exactamente esta función varias veces y funcionó. La función devuelve el ID de una imagen, que se cargó mediante el cargador de wordpress.

Aquí está la parte pertinente:

// extract the img-ID from class attribute 
var jt = jQuery('img', html).attr('class'); 
alert(html); 
alert(jt); 
j1 = jt.split(' '); 

Ambas alertas sólo están ahí para averiguar, lo que sucede. alerta (html) devuelve la siguiente:

<img src="http://www.xyz.com/files/2012/03/stage.jpg" alt="" title="" width="1000" height="371" class="alignnone size-full wp-image-6" /> 

, pero alerta (JT) devuelve "indefinido".

¿Alguna idea? Sería genial, si pudieras ayudar.

Ene

Answer 1

La utilización del argumento de contexto con la variable de HTML es incorrecta. Según el jQuery documentation, ese argumento de contexto debe ser un elemento DOM, un documento o un objeto jQuery. No puede ser una cadena de HTML.

Si, lo que tienes es una cadena y quieres convertirlo en un objeto DOM, puedes hacerlo de varias maneras.

Este código creará un objeto DOM a partir de la cadena html que tiene y luego recuperará el atributo de clase de ese objeto DOM.

var html = '<img src="http://www.xyz.com/files/2012/03/stage.jpg" alt="" title="" width="1000" height="371" class="alignnone size-full wp-image-6" />'; 
var item = jQuery(html); 
var jt = item.attr('class'); 
alert(jt); 
j1 = jt.split(' '); 

Se puede ver que funcione aquí: http://jsfiddle.net/jfriend00/phnED/

Answer 2

attr('class') funciona. Probablemente su contexto var (html) no está definido.

Por cierto, para almacenar datos, tiene sentido usar HTML5 custom data- attributes en lugar de clases.

Answer 3

Al tener el html-cadena dada, esto normalmente debería funcionar:

$(html).attr('class'); 

Answer 4

Su problema está aquí:

jQuery('img', html) 

El contexto es htmlhtml y al parecer es una imagen por lo que está buscando un img dentro de un img que no encontrará.

EDIT:
Si html es <img src="http://www.xyz.com/files/2012/03/stage.jpg" alt="" title="" width="1000" height="371" class="alignnone size-full wp-image-6" /> continuación se puede agarrar la clase como esta:

var klass = $(html).attr('class'); 

// You could do this to create an array of all classes 
var klasses = $(html).attr('class').match(/\S+/g); 

Answer 5

La variable de contexto html que ya ha proporcionado no está definido en ese momento, y usted debe definirlo como el DOM elemento del que la imagen es hija.

$(document).ready(function() { 
// extract the img-ID from class attribute 
var html = jQuery('.some-class'); 
var jt = jQuery('img', html).attr('class'); 
alert(html); 
alert(jt); 
j1 = jt.split(' '); 
}); 

http://api.jquery.com/jQuery/

http://jsfiddle.net/ssUhJ/

Answer 6

sin html

var jt = jQuery('img').attr('class'); 
alert(jt); 
j1 = jt.split(' '); 
alert(j1); 

Answer 7

el problema es en var jt = jQuery('img', html), desde jquery document, el segundo parámetro es el contexto del objeto jQuery. verifique el programa modificado en http://jsfiddle.net/hYKnd/.

Answer 8

A partir de jquery 1.6 (ver docs for .attr), el .attr cambió de devolver una cadena vacía a devolver undefined.

Abrir jsFiddle http://jsfiddle.net/QVqXC/ y cambiar la versión de jQuery cargado y ver cómo cambia el mensaje de salida.