javascript - jQuery:查找 H2 id 并附加具有相同 id 的链接

Question

我有以下代码，我希望为每个具有 id 属性的 H2 创建一个 anchor 链接。我无法让它正常工作...

<div id="mydiv">
    <h2 id="first">first</h2>
    <h2>second</h2>
    <h2 id="third">third</h2>
</div>

.sls {color: red;font-size: 12px;}

$('#mydiv')
.find('h2[id]')
.append(' <a href="http://www.test.com/page.html#'+ $('h2[id]')
.attr('id') +'" class="sls">Link</a>');

<强> https://jsfiddle.net/ivanionut/1ohh2hws/

感谢您的帮助。

Answer 1

你想要这样的东西吗？

$('#mydiv').find('h2[id]').each(function () {
  $(this).append(' <a href="http://www.test.com/page.html#'+ $(this).attr('id') +'" class="sls">Link</a>');
});

.sls {
  color: red;
  font-size: 12px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="mydiv">
	<h2 id="first">first</h2>
	<h2>second</h2>
	<h2 id="third">third</h2>
</div>