Question

我有一组标签，每个标签都有一个h2，我现在正试图在每个标签内容的底部添加一个按钮，以便移动到下一个标签的内容。我已设法使用以下代码执行此操作：

$(this).append("<a href='#' class='next-tab' rel='" + next + "'>Next</a>");

但是我现在想在下一个文本之后自动添加h2中的标题，因此链接文本将最终成为＆＃34;下一个标题文本＆＃34;，其中标题文本将根据您和哪个标签更改＃39;继续。猜猜第一个问题是，这可能吗？

标记看起来像这样：

<div id="tabs-1">
    <h2>Title 1</h2>
    <p>content here</p>
    <a href="#" class="next-tab mover" rel="2">Next</a>
</div>
<div id="tabs-2">
    <h2>Title 2</h2>
    <p>content here</p>
    <a href="#" class="next-tab mover" rel="3">Next</a>
    <a href="#" class="prev-tab mover" rel="1">Previous</a>
</div>
<div id="tabs-3">
    <h2>Title 3</h2>
    <p>content here</p>
    <a href="#" class="prev-tab mover" rel="2">Previous</a>
</div>

所以我想将下一个标签h2附加到下一个按钮，将前一个标签附加到上一个标签。

所以我需要一些

的内容

$( "h2" ).insertAfter( $( ".next-tab" ) );

但它需要知道选择哪个h2 ......

Answer 1

我认为你正在寻找这样的东西：

$('.mover').each(function () {
    $(this).text($(this).text() + '(' + $('#tabs-' + $(this).attr('rel')).find('h2').text() + ')');
});

这是演示：http://jsfiddle.net/2y7cemyw/1/

从h2动态抓取文本并将其附加到按钮

1 个答案: