Question

如何在HTML代码中找到元素中的特定文本（例如<label>），并在其旁边添加一个带有特定链接的Bootstrap-Glyphicon。

示例：

<label>Link1</label>

它应该是这样的：

<label>Link1</label>
<a href="Link1.html">
  <span class="glyphicon glyphicon-question-sign"></span>
</a>

我想我需要一个jQuery-Script来解决这个问题

Answer 1

试试这个：

var newLink = $('<a></a>').attr('href', 'link1');
var newSpan = $('<span></span>').addClass('glyphicon glyphicon-question-mark');
newLink.append(newSpan);

$('label').after(newLink);

这是jQuery并使用jQuery方法构建您描述的链接元素，并在标签后添加它。希望这有帮助

Answer 2

是的，你需要Jquery来解决它。解决方案很简单，希望这可以帮助你：）

<label>Link1</label>

Jquery的：

$('<a href="Link1.html"><span class="glyphicon glyphicon-question-sign"></span></a>').insertAfter( "label:contains('Link1')" );

Answer 3

希望这会奏效！

(function() {
  $('label').each(function() {
    var link = '<a href="' + $(this).text() + '.html"><span class="glyphicon glyphicon-question-sign"></span></a>';
    $(this).after().append(link);
  });
})();

Answer 4

您可以使用这一行jquery执行此操作。

首先使用$("label:contains('Link1')")查找包含特定文本的标签。然后使用insertAfter function在该元素后插入html。

<强>结帐

＆＃13;

$('<a href="Link1.html"><span class="glyphicon glyphicon-question-sign"></span></a>').insertAfter($("label:contains('Link1')"));

＆＃13;

<label id="link" >Link1</label>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

＆＃13;

希望这有帮助！

在HTML元素中查找文本并添加带有链接的图标（gylphicon）

4 个答案: