.attr ("klasa") jest niezdefiniowana na jQuery()

Question

Mam problem z moją funkcją jquery w kompozycji wordpress. Użyłem właśnie tej funkcji ciężkich czasów i zadziałało. Funkcja zwraca identyfikator obrazu, który został przesłany za pomocą narzędzia do przesyłania wiadomości.

Oto odpowiednia część:

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

Oba alarmy są tylko tam, aby dowiedzieć się, co się dzieje. alert (html) zwraca to:

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

ale alert (jt) zwraca "niezdefiniowany".

Każdy pomysł? Byłoby wspaniale, gdybyś mógł pomóc.

Jan

Answer 1

Używanie argumentu kontekstowego ze zmienną HTML jest nieprawidłowy. Zgodnie z jQuery documentation, ten argument kontekstowy powinien być elementem DOM, dokumentem lub obiektem jQuery. Nie może być ciągiem znaków HTML.

Jeśli masz ciąg znaków i chcesz go utworzyć w obiekcie DOM, możesz to zrobić na kilka sposobów.

Ten kod utworzy obiekt DOM z posiadanego ciągu znaków html, a następnie pobierze atrybut klasy z tego obiektu 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(' '); 

Widać to działa tutaj: http://jsfiddle.net/jfriend00/phnED/

Answer 2

attr('class') działa. Prawdopodobnie twój kontekst var (html) jest po prostu niezdefiniowany.

Nawiasem mówiąc, do przechowywania danych ma sens stosowanie zamiast klas klas HTML5 custom data- attributes.

Answer 3

Kiedy mając daną HTML-string, to powinno normalnie pracować:

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

Answer 4

Twój problem jest tutaj:

jQuery('img', html) 

Kontekst jest html i widocznie html jest obraz tak jesteś szukając img wewnątrz img, której nie znajdzie.

EDIT:
Jeśli html jest <img src="http://www.xyz.com/files/2012/03/stage.jpg" alt="" title="" width="1000" height="371" class="alignnone size-full wp-image-6" /> następnie można pobrać klasy tak:

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

Zmienna kontekst html podałeś jest niezdefiniowane w tym czasie, i należy go określić jako DOM element, którego obrazem jest dziecko.

$(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

bez html

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

Answer 7

Problem polega na var jt = jQuery('img', html) z jquery document, drugi parametr jest kontekst obiektu jQuery. sprawdź zmodyfikowany program pod numerem http://jsfiddle.net/hYKnd/.

Answer 8

Od wersji jquery 1.6 (patrz docs for .attr) zmieniono .attr z zwracania pustego ciągu na zwrot undefined.

Otwórz ten plik jsfiddle http://jsfiddle.net/QVqXC/ i zmień załadowaną wersję jquery i zobacz, jak zmienia się komunikat wyjściowy.