Wie einen Tag vor einem anderen Tag hinzuzufügen jquery mit

Question

Ich bin eine Fußball-Website zu entwickeln, und ich möchte eine rote Karte vor Heimmannschaft hinzufügen und nach weg einer roten Karte Team Dies ist mein Code:

if (isHome) { 
    $(dataRow).find(".homeTeamName").before("<span class='redcard'></span>"); 
} else { 
    $(dataRow).find(".AwayTeamName").after("<span class='redcard'></span>"); 
} 

i auch verwendet append() um einen Tag hinzuzufügen, aber es schien nicht nichts dies meine CSS-Klasse ist:

.redcard { 
    background-color:red; 
    width:13px; 
    height:20px; 
    box-shadow: 3px 3px 1px #888888; 
    border-radius:3px 
} 

Answer 1

es sieht aus wie Ihr Javascript korrekt ist. Der Grund, warum Sie die Spannen nicht sehen, ist, weil sie keine Breite haben, da sie Inline-Elemente sind.

mit diesem CSS Versuchen:

.redcard{ 
    display:inline-block; 
    background-color:red; 
    width:13px; 
    height:20px; 
    box-shadow: 3px 3px 1px #888888; 
    border-radius:3px 
}