Jquery 如何在新行的鼠标上方显示内容

这是我的代码，工作很好，除了当我们做鼠标悬停时，鼠标悬停的内容在本例中的编辑链接显示在同一行中的品牌是可用的

我希望它显示在下一行的旁边。因此，品牌定位不会受到干扰

        <div class="row">
            <div ng-repeat="brand in brands">
                <div class="col-sm-1" id="{{ brand.Id }}" ng-mouseover="hoverEdit = true" ng-mouseleave="hoverEdit = false()"> {{brand.Name | makeUppercase }} </div>
                <span ng-show="hoverEdit">
                    <a>Edit</a>
                </span>
            </div>
        </div>

---

请在这方面帮助我。

如果您希望编辑字段位于下一行，请使用ng repeat start和ng repeat end，以便将数据行分组在一起

  <div class="row" ng-repeat-start="brand in brands">
      <div class="col-sm-1" id="{{ brand.Id }}" ng-mouseover="hoverEdit = true" ng-mouseleave="hoverEdit = false()"> {{brand.Name | makeUppercase }}
      </div>
  </div>
  <div class="row" ng-repeat-end="" ng-show="hoverEdit">
       (edit fields here)
  </div>

---

这里有一个不同数据的例子：

你能发布你的JS吗？