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)
})

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

1 个答案: