我怎样才能显示我的所有<a>链接的href在一个范围内的<a>

Question

我有以下标记,它代表了一个<a>内部的表<td>: -

现在我试图找到一种方法使用javascript,以显示所有<a class="ms-listlink">旁边的href.所以<td>将包含如下内容: -

Design Transfer
http://***/buisnessfunctions/pmo/progammes/136/

而不只是显示文字: -

Design Transfer

有没有办法实现这一目标？

Answer 1

您可以在没有javascript的情况下执行此操作 - css具有content可以访问属性的属性.这是一个例子:

a {
  display: block;
}

a:after {
  display: inline-block;
  margin-left: 1em;
  content: attr(href);
}

<a href="http://google.com">Google</a>
<a href="http://zombo.com">Zombocom</a>