Question

我有以下代码：

<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的{{1}}。我在挣扎 - 有什么建议吗？

Answer 1

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

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

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

Answer 2

您可以使用jQuery visible selector

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

它将选择可见的div

Answer 3

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

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

jQuery显示div id

3 个答案: