使用jquery从相应的标题添加title属性值

Question

我有一个带有以下结构的标签菜单：

<ul class="tabs-menu">
    <li>
        <a data-href="tab-0">Link</a>
    </li>
    <li>
        <a data-href="tab-1">Link</a>
    </li>
    <li>
        <a data-href="tab-2">Link</a>
    </li>
</ul>
<ul class="tabs-content">
    <li data-href="tab-0" class="active">
        <h2>Title 1</h2>
    </li>
    <li data-href="tab-1" class="">
        <h2>Title 2</h2>
    </li>
    <li data-href="tab-2" class="">
        <h2>Title 3</h2>
    </li>
</ul>

我想使用jquery为每个菜单锚标记添加title属性，但在相应的选项卡下使用标题h2的值。例如，选项卡菜单中的第一个锚标记应如下所示：

<a data-href="tab-0" title="Title 1">Link</a>

我知道一些jquery，我想过使用.each函数，但在这种情况下我需要帮助。

由于

Answer 1

尝试，

var anchors = $('.tabs-menu a');
var headers = $('.tabs-content :header');

anchors.each(function(i,_){
  $(this).attr('title',headers.eq(i).text());
});

DEMO

或者只使用.attr()的接收函数

anchors.attr('title',function(i,_){ 
   return headers.eq(i).text(); 
});

DEMO