jquery - jquery : div の Onclick - 次の div の ID を取得

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"));
});

と

.attr() の代わりに .prop() を使用する

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

.prop() と .attr()を読む

Answer 2

.result は「resultsMainContainer」の隣ではなく内部にあるため、次の代わりに検索を使用します。

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

Answer 3

jQuery .find()を使用し、次のように変更します。

alert($(this).find(".result").attr("id"));