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 Example

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

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

1 个答案: