jquery如何获取子标签的ID值

发布网友发布时间：2022-04-20 10:52

共6个回答

热心网友时间：2022-04-20 12:04

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的<script>标签，输入jquery代码：

$('body').append($('.top1div span').attr('id'));

3、浏览器运行index.html页面，此时成功获取到了top1div类中span标签的id并打印了出来。

热心网友时间：2022-04-20 13:22

1、使用jquery来操作，先引入jquery脚本文件。

2、然后添加一些简单的html，这里主要的就是在一个div里添加了二个a链接，div和a链接就各自有id属性，还有一个操作的按钮，加上了onclick事件的。

3、添加对应的点击事件函数。

4、在函数中，先利用jquery的选择器方法来获取到a链接，$("#my_div a")这个代码就是指在id为my_div下的所有a链接。

5、获取到链接后，我们就用一个for循环来得到div里所有链接的id，主要是通过jquery的attr方法来得到每个链接控件的id属性。得到后，将其保存进数组里。

6、然后通过alert方法来弹出显示所有链接的id。

7、运行页面，可以看到现在有二个链接，点击一下按钮。

8、点击后，会弹出一个alert窗口，这里显示出了二个链接的id属性，对比代码里的值，获取的结果是正确的。

热心网友时间：2022-04-20 14:56

1、查找子元素方式1：>

例如：var aNods = $("ul > a");查找ul下的所有a标签

2、查找子元素方式2：children()

3、查找子元素方式3：find()

通过下标获取第n个子标签的ID值

1.var num1=$("ul > a:eq(0)").attr("ID");
2.var num2=$("ul").children("a:eq(0)").attr("ID");
3.var num3=$("ul").find("a:eq(0)").attr("ID");

热心网友时间：2022-04-20 16:48

jquery里面有css选择器
代码大概如下
$(".top1div").each(function(){
$(this).children().each(
alert($(this).attr("id"));
);
});
应该不会错，不过我没有测试.追问好像不可以

追答测试过了，好像没什么问题，可以得到结果 'top0','top1','top2' ; //.test 是自己写的样式，然后导入文件，jquery-1.5.min.js

热心网友时间：2022-04-20 18:56

$("top1div").each(function() {
    $(this).children().each(function(){
         alert($(this).attr("id"));
    })
});

热心网友时间：2022-04-20 21:20

这三个必有一个可用。请试。直接就可以用ID得值的。
$("top0").val();
$("top0").text();
$("top0").contents().text();