如何在警报框中获取div内容或将其存储为变量？

Question

我的div中有3个内容，一次仅显示一个内容。 我追加了一个prev和next按钮，以使用jquery一次显示div的内容。
我现在想做的是，当单击任一按钮时，在警报框中获取div的内容。 alert('content in the div'); 或至少将其存储在要传递给控制器​​的变量中

下面是我的代码：

HTML：

<div id="tabs">
<div>Blah</div>
<div>Blah blah</div>
<div>Blah blah blah</div>
</div>

JQUERY：

$('#tabs div').first().attr('class', 'current');

$('#tabs div').each(function(i) {
i = i + 1;

$(this).attr('id', 'tab-' + i);

if(i !== $('#tabs div').size()) {
    $(this).append('<button class="tabPagination" rel="tab-' + (i + 1) + '">Next</button>');
}
if(i !== 1) {
    $(this).append('<button class="tabPagination" rel="tab-' + (i - 1) + '">Previous</button>');
}                
});            

    $('#tabs div[class!="current"]').hide();

    $('.wkend').on('click', '.tabPagination', function(evt) {
   evt.preventDefault();
       alert('content in the div');
       $('.current').removeAttr('class');
       $('#tabs div[class!="current"]').hide();
       $('#' + $(this).attr('rel')).show();
});

html是我的观点，当单击“下一个”和“上一个”按钮时，我想获取div的内容，例如“ Blah，Blah blah”。

谢谢您的帮助。

Answer 1

JSfiddle示例

var current = 0;
var max = 3;
$('#next').click(function(){
     current++;
     if(current > max)
         current = max;
     else
         window.alert( $('#tabs div:nth-child('+current+')').text() );
});

$('#prev').click(function(){
     current--;
     if(current < 1)
         current = 1;
     else
          window.alert( $('#tabs div:nth-child('+current+')').text() );
});