jquery - 使用jquery获取点击类的子div id

Question

我的代码是

<div class="timeline_off"></div>
<div id="1851" class="year">1851</div>

一旦使用jquery单击timeline_off，我想获取类'year'的ID。所以输出应该是1851。请建议。

谢谢

Answer 1

试试这个

$(".timeline_off").on("click",function(){
  var id = $(this).next(".year").prop("id");
  console.log(id);
  alert(id);
});

演示

新的 jQuery 版本还将提供 'prop()

Answer 2

$(".timeline_off").on("click",function(){
  var id = $(this).next(".year").attr("id");
});

Answer 3

$('.timeline_off').click( function () {
  var year = $(this).next('.year').attr('id');
});

所以通俗地说，当点击timeline_off 时，变量year 被设置为等于下一个具有“year”类的项目的id 属性。