javascript - 如何创建一个函数来获取 jquery 中元素的下一个 id 并调用该函数？

Question

我创建了一个自定义函数goToNext()，它只是应该提醒我单击的下一个元素的 ID。

我想在另一个点击函数中调用这个自定义函数。

现在，当我点击第一个元素时，它会提醒 id_2 (从第一个元素开始，所以没关系)，但如果您点击第二个元素，它不会返回 id_3 > (就像它应该的那样)，但如果您单击最后一个元素(应该提醒第一个元素)，它会返回相同的id_2

这是我的jsfiddle example here

function goToNext() {
  var get_next_id = $('.btn').next().attr("id");
  alert(get_next_id);
}

$('.btn').click(function() {
  goToNext();
});

.btn {
  width: 50px;
  height: 50px;
  margin: 10px auto;
  background-color: yellow;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="btn" id="id-1">
  1
</div>
<div class="btn" id="id-2">
  2
</div>
<div class="btn" id="id-3">
  3
</div>

Answer 1

试试这个

function goToNext($btn){
var get_next_id = $btn.next().attr("id");
alert(get_next_id);
}

$('.btn').click(function(){
goToNext($(this));
});