如何使用jquery在另一个标记之前添加标记

Question

我正在开发一个足球网站，我想在家庭之前添加一张红牌，并在离开球队之后加一张红牌， 这是我的代码：

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

我还使用append（）来添加标签，但它并没有显示任何内容 这是我的css课程：

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

Answer 1

看起来你的javascript是正确的。您没有看到跨距的原因是因为它们没有宽度，因为它们是内联元素。

尝试使用此CSS：

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