0

我有以下代码：

<div class="sequence-container"> 
  <div id="1"></div>
  <div id="2"></div>
  <div id="3"></div>
</div>

和 jQuery：

$(window).load(function(){
    $('.sequence-container div:first').show(); // show first on load

    $('.next').click(function() {
        var $next = $('.sequence-container div:visible').next();
        if ($next.length) {
        $('.sequence-container div').hide();
            $next.show();
        }
    });

    $('.prev').click(function() {
        var $prev = $('.sequence-container div:visible').prev();
        if ($prev.length) {
            $('.sequence-container div').hide();
            $prev.show();
        }
    });

});

这非常好，允许用户在 div 中来回移动。但是，我想做的是带回ID当前div正在显示的内容。我很挣扎 - 有什么建议吗？

4

3 回答 3

2

jQueryattr()函数将允许您检索id值，如下所示：

$(this).attr('id');

注意：$(this)指的是你的 jQuery 选择器的 DIV。

于 2013-08-07T18:27:24.240 回答
1

您可以使用jQuery 可见选择器 

$("div:visible").attr("id");

它将选择div可见的

于 2013-08-07T18:28:37.837 回答
1

您可以将其添加到此部分：

$('.next').click(function() {
    var $curr = $('.sequence-container div:visible');
    var id = $curr.attr('id');
    var $next = $curr.next();
    if ($next.length) {
        $('.sequence-container div').hide();
        $next.show();
    }
});
于 2013-08-07T18:30:01.983 回答