如何在警報框中獲取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() );
});