jquery css bekommen dynamisch festgelegten Eigenschaften

Question

Ich versuche, eine CSS-Eigenschaft, die mit jQuery dynamisch festgelegt wurde.

diesen Code vor:

$(document).ready(function(){ 

$("#clickme").click(function(){ 

    $("#myTable").css('borderStyle','solid'); 
    $("#myTable").css('borderColor','black'); 
    $("#myTable").css('borderWidth','3px'); 
}); 

$("#clickme2").click(function(){ 
    alert($("#myTable").css('borderWidth')); 
}); 

}); 

Ein Klick auf ClickMe-Taste wird die Tabelle myTable mit den erwarteten Eigenschaften (3px solid black) gesetzt, aber dann auf clickme2 klicken, wird der 3px Wert nicht erhalten! Kennen Sie irgendeine Reparatur?

Ich lese hier Can jQuery get all CSS styles associated with an element?

, dass eine Lösung, die die .style des DOM-Elements verwendet werden könnte, aber wenn jquery es tun könnte, würde ich den Jquery Weg bevorzugen ...

(die wysiwig for stackoverflow ist eine sehr gute Idee;))

Answer 1

Mein Verständnis ist, wenn Sie einen Wert mit "borderWidth" setzen, ist es eine Kurzform der Einstellung "BorderTopWidth", "BorderRightWidth", "BorderBottomWidth" und "BorderLeftWidth" alle auf einmal.

Daher denke ich, dass Sie angeben müssen, welche Seite des Rahmens Sie erhalten möchten, z. B. "borderBottomWidth".

Answer 2

Es gibt keine tatsächlichen Wert borderWidth oder border-width es eine CSS-Kurzschrift-Eigenschaft ist es, die vier zugrunde liegenden Eigenschaften border-top-width, setzen border-right-width usw.

So können Sie nur Abfrage für einen dieser vier Werte:

DEMO: