javascript - 如何在 jquery 中使用 $(this) 获取元素的第一个子元素？

Question

<div id="idname">
<div class="badge">
  <div class="icon abc_badge"></div>
  <div class="badges_info">
   <h4>some text</h4>
  </div>
 </div>
<div class="badge">
  <div class="icon xyz_badge"></div>
  <div class="badges_info">
   <h4>some more text</h4>
  </div>
 </div>
</div>

<script>
    $(document).ready(function() {
        $(".badge").click(function () {
            var a = $(this+':first-child');
            var iconDiv = a.html();
            alert(iconDiv);
        });
    });
</script>

在上面的jquery代码中我想要<div class="icon abc_badge"></div>每个div上课badge 。简而言之，我想要每个 div 的第一个子元素引用 $(this) .

谢谢。

Answer 1

您可以申请.find() 在这里，所以使用:

var a = $(this).find(':first-child');

而不是:

var a = $(this+':first-child');

<强> Fiddle Demo