jquery : Onclick of a div - get id of following div

Question

当点击一个div(任何“resultsMainContainer”div)时，我应该获得该特定div内带有类“result”的div id。

<div class="resultsMainContainer">
 <div id="48" class="sbsCard panel  result">
   abcd
 </div>
</div>

<div class="resultsMainContainer">
 <div id="49" class="someCard result">
  aabb
 </div>
</div>

<div class="resultsMainContainer">
 <div id="50" class="sbsCard panel3 result">
   nnaaa
 </div>
</div>

<div class="resultsMainContainer">
 <div id="33" class="sbsCard panel  result">
   abcddd
 </div>
</div>

我尝试过这个:

$('body').on('click', '.resultsMainContainer', function() {
         alert($(this).next(".result").attr("id"));
});

但它似乎不起作用。还有其他想法/选择吗？
或者我犯了什么错误:)？

Answer 1

使用.children()或.find()而不是 .next()

$('body').on('click', '.resultsMainContainer', function() {
     alert($(this).children(".result").attr("id"));
});

和

使用 .prop() 代替 .attr()

alert($(this).children(".result").prop("id"));

阅读.prop() vs .attr()