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

我正在开发一个足球网站，我想在主队之前加一张红牌，在客队之后加一张红牌， 这是我的代码：

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

---

看起来您的javascript是正确的。之所以看不到跨距，是因为跨距没有宽度，因为它们是内联图元

尝试使用以下CSS：

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

---

您是否可以使用html和更多js创建一个示例来显示您正在寻找的prepend函数的dataRow声音？问题是什么？请显示html代码了@homeMLName-@awayMLName

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