文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使用jquery访问$(this)关键字下的子元素

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

Stack Overflow用户

提问于 2019-03-06 17:55:51

回答 2查看 67关注 0票数 1

我想将值为h3的属性title添加到具有类名(submit)的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>

javascript

jquery

html

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-03-06 18:01:25

在$(this)中使用find，如下所示。

$(".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>

票数 3

Stack Overflow用户

发布于 2019-03-06 18:01:13

您可以使用.find()方法。文档可以在here中找到

例如，您的代码应如下所示：

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

                $($(this).find(".submit")).attr("title",title);
            }

        );
    }

);

也可以做一些变通方法，请看这里：

$(document).ready(
function ()
    {
        $(".topic ").each(
        function()
            {
                var id = $(this).attr('id');
                var title=$('#' + id + ' > h3').text();
                console.log(title)

                $('#' + id + ' > .submit').attr("title",title);
            }

        );
    }

);

>搜索该元素的子元素。因此，$('#' + id + ' > .submit')搜索具有给定id的元素的子元素，该元素有一个submit类。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/55020165

复制

相似问题

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

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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