javascript - 如何使用 Angular 或 jquery 获取事件链接的名称

Question

请帮助显示内部切换按钮的事件链接的名称。

<div class="bs-example">
<!-- Trigger Button HTML -->
<a type="button" class="btn btn-primary" data-toggle="collapse" data-target="#toggleDemo" value="Toggle Button">Display here name of an active link </a>
<!-- Collapsible Element HTML -->
<div id="toggleDemo" class="collapse in">
<li><a href="<?php echo $h->vars['1_url_link']; ?>" class="btn <?php echo $h->vars['link_active']; ?>" role="button"><?php echo $h->lang["1_name_link"]; ?></a>  </li>
<li><a href="<?php echo $h->vars['2_url_link']; ?>" class="btn <?php echo $h->vars['link_active']; ?>" role="button"><?php echo $h->lang["2_name_link"]; ?></a></li>
<li><a href="<?php echo $h->vars['3_url_link']; ?>" class="btn <?php echo $h->vars['link_active']; ?>" role="button"><?php echo $h->lang["3_name_link"]; ?></a> </li>
</div>
</div>

Answer 1

看起来你没有使用 AngularJS，所以我将给出一个 jQuery 答案:

为您的 anchor 按钮提供一个可以定位的 ID，例如:

<a type="button" class="btn btn-primary" data-toggle="collapse" data-target="#toggleDemo" value="Toggle Button" id="#togglebtn">Display here name of an active link </a>

然后您可以使用以下内容设置文本:

var btntext = $('.link_active').text();
$('#togglebtn').text(btntext);

编辑:

如果您有多个带有 .link_active 类的按钮，那么您可以更具体，例如:

var btntext = $('#toggleDemo .link_active').text();
$('#togglebtn').text(btntext);

像在 CSS 中使用选择器一样思考 jQuery 选择器。如果您希望 .link_active 按钮在一个区域为红色，在另一区域为蓝色，则可以添加另一个选择器以使其更加具体。在 jQuery 中的工作原理相同。