Question

所以我想点击列表中的项目并获取该项目的索引。单击项目将显示内容元素。点击该内容元素应该会给我第一个点击的项目的（索引+1）。到目前为止我得到'NaN'错误。我究竟做错了什么？传递正常的字符串值似乎有效。

<div class="item-list">
  <div class="item">Item1</div>
  <div class="item">Item2</div>
</div>
<div class="hidden" style="display: none">Content</div>

$(function() {
    var thisIndex;
    $('.item-list .item').click(function(event) {
       var thisIndex = $('.item-list .item').index(this)
       $('.hidden').css('display', 'block')
    });
    $('.hidden').click(function(event) {  
       var nextIndex = thisIndex + 1;
       console.log(nextIndex)
    });
})

js fiddle https://jsfiddle.net/zv0Lza6n/4/

Answer 1

您在点击功能之外声明了thisIndex变量，然后在点击功能中再次。声明它一次，然后在函数中为它赋值。

$(function() {
    var thisIndex; 

    $('.item-list .item').click(function(event) {
        thisIndex = $('.item-list .item').index(this);
      $('.hidden').css('display', 'block');
    });
    $('.hidden').click(function(event) {  
      var nextIndex = thisIndex + 1;
      console.log(nextIndex);
    });
});

你也错过了几个分号。

从第一个函数返回变量的值并在第二个函数

1 个答案: