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答案：

为您的锚点按钮指定一个可以定位的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中也一样。

如何使用angular或jquery获取活动链接的名称

1 个答案: