javascript - 将一个列表的 Href 添加到第二个列表作为 ID

Question

我有 2 个列表，一个是标题列表，第二个由相同的标题组成，标题下有文本，我想将第一个列表链接到第二个列表，这样当您按第一个列表中的标题时它会将您跳转到第二个列表的相对标题。

<div class="links_categories">
      <a href="#item1">item1</p>
      <a href="#item2">item2</p>
      <a href="#item3">item3</p>
      <a href="#item4">item4</p>
</div> 

第二个列表是

<div class="links_categories">
      <p>item1</p>
         <div>item</div>
         <div>item</div>
         <div>item</div>
         <div>item</div>
      <p>item2</p>
         <div>item</div>
         <div>item</div>
         <div>item</div>
         <div>item</div>
      <p>item3</p>
         <div>item</div>
         <div>item</div>
         <div>item</div>
         <div>item</div>
      <p>item4</p>
         <div>item</div>
         <div>item</div>
         <div>item</div>
         <div>item</div>
</div> 

我设法将第一个列表中的所有 href 名称获取到一个数组，现在我尝试将它们作为 ID 添加到第二个列表项中，

links = $('.links_categories a').map(function(){
return $(this).attr("href")});

如何做到这一点，或者有更聪明的方法吗？

Answer 1

以下代码将指定链接的文本作为其 ID

$('a:contains("item")').each(function() {
  $(this).prop('id', this.innerHTML)
})