JQuery, hat das Element Stil

Question

Wie kann ich mit jQuery sagen, 'Hat ein Kind von #parent den Stil="width"'.

Ich kenne den Anfang...

jQuery('#parent').children();

Aber ich weiß nicht, wie man 'hat den Stil 'width'' schreibt.

EDIT

Im HTML steht im div style="width=xxx". Ich möchte das erste Vorkommen dieser Breite finden und diesem div einen Rand hinzufügen: 0 auto;. Es geht darum, Videos zu zentrieren.

Einige der divs, die den Stil "width" angeben, sind 3 Ebenen vom oberen Element verschachtelt. Das sollte trotzdem mit .children() funktionieren, richtig?

Aus irgendeinem Grund kann ich keinen der folgenden Codes zum Laufen bringen...

Answer 1

Sie müssen einen "Attribut enthält" Selektor verwenden:

Beschreibung: Selektiert Elemente, die das angegebene Attribut mit einem Wert enthalten, der einen bestimmten Teilstring enthält.

jQuery('#parent [style*="width:"]')

Dadurch erhalten Sie die Kinder von #parent, die den String width: in ihrem style-Attribut haben.

Beispiel: http://jsfiddle.net/ambiguous/vpdGa/1/

Wenn Sie sich um border-width und ähnliche CSS-Eigenschaften kümmern müssen, können Sie Ihren regulären Ausdrucksselektor hinzufügen:

jQuery.expr[':'].regex = function(elem, index, match) {
    var matchParams = match[3].split(','),
        validLabels = /^(data|css):/,
        attr = {
            method: matchParams[0].match(validLabels) ? 
                        matchParams[0].split(':')[0] : 'attr',
            property: matchParams.shift().replace(validLabels,'')
        },
        regexFlags = 'ig',
        regex = new RegExp(matchParams.join('').replace(/^\s+|\s+$/g,''), regexFlags);
    return regex.test(jQuery(elem)[attr.method](attr.property));
}

Und dann suchen Sie folgendermaßen:

jQuery('#parent :regex(style,(^|\\s)width:)')

Vergessen Sie nicht den zusätzlichen Backslash, um die Interpretation des Backslashes in der Zeichenfolge zu umgehen.

Und ein Beispiel dieses Ansatzes: http://jsfiddle.net/ambiguous/vpdGa/4/

Answer 2

Versuchen Sie es mit css():

 var width = $(element).css('width')

Answer 3

Sie können das Attribut von jQuery verwenden, das Ihnen sagt, ob es eine Breite hat oder nicht.

http://api.jquery.com/attr/

überprüfen Sie die Länge des Ergebnisses

es sollte funktionieren.

Answer 4

Verwenden Sie die Methode prop(), wie hier zu sehen: http://api.jquery.com/prop/

Answer 5

 function checkStyleAttr(elSelector,attr){
    return new RegExp('[^-]'+attr+'[ ]*:').test($(elSelector).attr('style'));
}