开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

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

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

Stack Overflow用户

提问于 2019-03-06 09: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>

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-03-06 10: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

EN

Stack Overflow用户

发布于 2019-03-06 10: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

EN

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

原文链接：

https://stackoverflow.com/questions/55020165

复制

相关文章

C语言 | 输出平均成绩最高学生的信息

例41：有n个结构体变量，内含学生的学号，学号，和三门成绩。要求输出平均成绩最高学生的信息（包括学号、姓名、三门课程成绩和平均成绩）

小林C语言

2020/12/22

2.2K0

C语言 | 输出平均成绩最高学生的信息

「SQL面试题库」 No_106 查找成绩处于中游的学生

sql int select 架构排序

题目介绍：查找成绩处于中游的学生 find-the-quiet-students-in-all-exams

不吃西红柿

2023/10/16

1900

LeetCode MySQL 1412. 查找成绩处于中游的学生

成绩处于中游的学生是指至少参加了一次测验, 且得分既不是最高分也不是最低分的学生。

Michael阿明

2021/02/19

5060

sql练习学生成绩查询实践

1.2 查询存在” 01 “课程但可能不存在” 02 “课程的情况(不存在时显示为 null ) （使用左外连接时，保留左侧多余数据）

全栈程序员站长

2022/09/01

1.6K0

100人成绩的平均

本文最后更新于 1170 天前，其中的信息可能已经有所发展或是发生改变。 #include "stdafx.h" #include<cstdio> using namespace std; int main() { int i, sum=0,s[100]; for (i = 0; i < 100; i++) { int k = i + 1; printf("请输入第%d位同学的成绩\n",k); scanf("%d", &s[i]); sum = sum + s[i]; } su

Yuyy

2022/06/28

3010

【Python】实现输出成绩最高或最低分的学生姓名以及低于平均分的学生姓名

scores = {"小刘": 45, "小红": 68, "小米": 96, "小白": 65, "小梦": 75} highest = max(scores.values()) lowest = min(scores.values()) average = sum(scores.values()) / len(scores) # print("平均值为："+str(average)) max_keys = [k for k, x in scores.items() if not any(y > x

用户7718188

2021/10/31

2.2K0

求一个班学生的数学平均成绩、最高分、最低分

/* 功能：求一个班学生的数学平均成绩、最高分、最低分日期：2013-05-08 */

WindCoder

2018/09/20

5780

C循环-求平均成绩

The greatest pleasure in life is doing what people say you cannot do.

小Bob来啦

2020/12/15

4.1K0

HDOJ 2023 求平均成绩

腾讯云测试服务

Problem Description 假设一个班有n(n<=50)个学生，每人考m(m<=5)门课，求每个学生的平均成绩和每门课的平均成绩，并输出各科成绩均大于等于平均成绩的学生数量。

谙忆

2021/01/20

4740

【每日SQL打卡】DAY 13丨每位学生的最高成绩【难度中等】

编写一个 SQL 查询，查询每位学生获得的最高成绩和它所对应的科目，若科目成绩并列，取 course_id 最小的一门。查询结果需按 student_id 增序进行排序。

不吃西红柿

2022/07/29

2040

java中sql如何嵌套查找_SQL 查询嵌套使用[通俗易懂]

java https 网络安全

id int primary key auto_increment, — 主键id

全栈程序员站长

2022/09/22

4.7K0

java中sql如何嵌套查找_SQL 查询嵌套使用[通俗易懂]

学生成绩管理系统[通俗易懂]

https java 网络安全

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/115232.html原文链接：https://javaforall.cn

全栈程序员站长

2022/07/11

1.6K0

试题算法提高统计平均成绩

　　有4个学生，上4门课，要求输入全部学生的各门课成绩，并分别求出每门课的平均成绩。(保留2位小数) 　　括号里是解释内容，不用输入输出。输入的所有数都为0到100之间（包括端点）的整数

SingYi

2022/07/13

2590

「SQL面试题库」 No_61 每位学生的最高成绩

sql 数据处理面试效率语法

题目介绍：每位学生的最高成绩 highest-grade-for-each-student

不吃西红柿

2023/05/11

3830

测试工程师sql笔试题-学生成绩管理

测试人员工作在工作中会用到SQL来辅助测试，求职时也常常会在笔试环节遇到各种各样的sql设计题目，张老师整理了一些工作中常用的sql知识点，希望对大家有所帮助。

张树臣

2018/09/29

6540

sql语句面试经典50题_sql基础知识面试题

sql sql server 数据库

========================================================

全栈程序员站长

2022/08/03

3K0

sql语句面试经典50题_sql基础知识面试题

面试 SQL整理常见的SQL面试题：经典50题

sql sql server 数据库

========================================================

全栈程序员站长

2022/08/31

2.4K0

问与答88：如何获取成绩排在最后5名的学生姓名？

Q：我有一个学生成绩表，如何使用公式获取成绩排在最后5名的学生姓名，如下图1所示。

fanjy

2020/10/09

2.1K0

问与答88：如何获取成绩排在最后5名的学生姓名？

学生成绩统计c语言

编程算法 python

}; void print(struct sturec *p); void format(struct sturec lei[N]); int research(struct sturec *p4,char id[8]); void input(struct sturec *p1); int main(){

凡尘扰凡心

2023/02/14

1.4K0

点击加载更多

相似问题

SQL选择学生平均成绩

12

SQL根据成绩查找学生姓名

228

如何计算学生的平均成绩

14

如何使用HashMap计算学生的平均成绩？

40

根据成绩和平均成绩对学生进行排名

12