Question

尝试将数字存储在team_id =之后，然后将其显示在其下方的span标记中。我尝试使用slice来存储数字，但是没有运气。

<div class="link"><a href="http://test/site/TR/ooo/General-ooo?team_id=3912&pg=team&event_id=1014">The Wolves</a>
<span></span>
</div>
<div class="link"><a href="http://test/site/TR/ooo/General-ooo?team_id=3912&pg=team&event_id=1060">The Tigers</a>
<span></span>
</div>

重点是从URL中提取数字，然后将其显示在相应的span标签中。

Answer 1

像这样吗？

$("div.link a").each(function() {
  let $this = $(this),
      url = $this.attr("href").match(/team_id=(\d+)/);
      
  $this.next("span").text(url[1]);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="link"><a href="http://test/site/TR/ooo/General-ooo?team_id=3912&pg=team&event_id=1014">The Wolves</a>
<span></span>
</div>
<div class="link"><a href="http://test/site/TR/ooo/General-ooo?team_id=3912&pg=team&event_id=1060">The Tigers</a>
<span></span>
</div>

说明：

$("div.link a").each(function() {-选择div类下的link类下的所有锚点；
url = $this.attr("href").match(/team_id=(\d+)/);-使用team_id和以下数字获取url部分；
$this.next("span").text(url[1]);-将span的文本设置为当前锚点旁边的数字，该数字取自url。

将链接的参数存储在变量中，然后在其旁边的span标签中显示

1 个答案: