Jquery .le style n'est pas défini

J'ai beaucoup de tables dans ma page. Certains tableaux ont la Largeur de la propriété définie en ligne -

style="width:100%; ..."

J'ai besoin d'obtenir tous ces tableaux.
J'ai essayé

$('.Forum_Container table').each(function () {
    var $this = $(this);
    if ($this.style != undefined) {
        if ($this.style.width == '100%') {
            ...
        }
    } else {
        ...
    }
});

mais $cette.le style est toujours pas défini. Ce qui peut causer ce problème?

OriginalL'auteur Sanya530 | 2013-01-17

  1. 6

    Lorsque vous ne $(this) vous êtes en train de créer un objet jQuery qui contient une référence à cet élément du DOM. Le style propriété est une propriété de l'élément DOM lui-même, pas l'objet jQuery, donc essayer d'accès, ça ne marchera pas (parce qu'il est pas défini).

    Utiliser this (le nœud DOM) directement - c'est à dire this.style.width - ou utiliser les fonctions fournies par jQuery pour accéder à l'information dont vous avez besoin.

    OriginalL'auteur Anthony Grist

  2. 2

    jQuery a .css() pour obtenir de l'élément propriétés de style:

    if ($this.css("width") == '100%') {
    ...
} else {
    ...
}

    Si pour une raison quelconque vous souhaitez que le style cru, vous pouvez le saisir à partir de l'élément DOM lui-même, pas l'objet jQuery en l'enveloppant:

    if (this.style != undefined) {
    if (this.style.width == '100%') {
        ...
    }
} else {
    ...
}

    La this vous donnera la "première" de l'élément.

    OriginalL'auteur Shadow Wizard

  3. 2

    "style" n'est pas une méthode jQuery.

    "attr" ou "prop" est-ce que vous êtes après

    OriginalL'auteur Johan

  4. 2

    $this.prop('style').width fonctionne sans l'aide de la crue de l'élément.

    J'essayais de déterminer si une marge est réglé sur "auto" dans les précédentes javascript, et $this.prop('style').margin sera le retour de la marge brute de la valeur avec le mot "auto" dans ce, alors que $this.css('margin') renvoie la valeur calculée.

    OriginalL'auteur Melinda Weathers

  5. 1

    Vous êtes à la vérification de la style propriété d'un objet jQuery, pas un élément du DOM. Vous avez besoin de convertir l'objet jQuery dans un élément du DOM comme suit:

    $('.Forum_Container table').each(function () {
    var $this = $(this),
        this_style = this.style;
    if (this_style != undefined) {
        if (this_style.width == '100%') {
            ...
        }
    } else {
        ...
    }
});

    Alternativement, si vous utilisez jQuery, pourquoi ne pas utiliser le .css() méthode?

    Faire $this[0].style est le même que le fait de faire this.style, mais sans l'appel inutile à la jQuery() fonction.
    Merci, un oubli de ma part. J'ai mis à jour la réponse.

    OriginalL'auteur BenM

  6. 0

    Utiliser le css() fonction:

    $this.css('width')

    Et dans votre if déclaration:

    $this.hasAttr('style')

    OriginalL'auteur Tom Walters