javascript - 如何使用jquery访问$(this)关键字下的子元素

Question

我想将值为 h3 的属性 title 添加到具有类名的 href(提交)

但我无法访问使用类名选择的每个 div 中的 h3 文本。请帮忙。

 $(document).ready(
    function ()
        {
            $(".topic ").each(
            function()
                {
                    var title=$(this h3).text();
                    console.log(title)
                    
                    $(this ".submit").attr("title",title);
                }
            
            );
        }
    
    );

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="topic">
  <h3><a href="">Shoulder Arthritis</a></h3>
  <a href="" class="submit"></a>
  </div>
  
  <div class="topic">
  <h3><a href="">Shoulder Arthritis</a></h3>
  <a href="" class="submit"></a>
  </div>
  
  <div class="topic">
  <h3><a href="">Shoulder Arthritis</a></h3>
  <a href="" class="submit"></a>
  </div>
  
  <div class="topic">
  <h3><a href="">Shoulder Arthritis</a></h3>
  <a href="" class="submit"></a>
  </div>

Answer 1

将 find 与 $(this) 一起使用，如下所示。

$(".topic ").each(
  function() {
    var title = $(this).find('h3').text();
    console.log(title)
    $(this).find(".submit").attr("title", title);
  }

);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="topic">
  <h3><a href="">Shoulder Arthritis</a></h3>
  <a href="" class="submit"></a>
</div>

<div class="topic">
  <h3><a href="">Shoulder Arthritis</a></h3>
  <a href="" class="submit"></a>
</div>

<div class="topic">
  <h3><a href="">Shoulder Arthritis</a></h3>
  <a href="" class="submit"></a>
</div>

<div class="topic">
  <h3><a href="">Shoulder Arthritis</a></h3>
  <a href="" class="submit"></a>
</div>