Question

jquery如何获取子标签的ID值

<div class="top1div" ><span id="top0">装饰监理</span></div>
如何通过父标签top1div获取span 里id的值
注意有多个DIV，如
<div class="top1div" ><span id="top0">装饰监理</span></div>
<div class="top1div" ><span id="top1">装修设计</span></div>
<div class="top1div" ><span id="top2">铁艺布艺</span></div>

Answer 1

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

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

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

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

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

Answer 2

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属性，对比代码里的值，获取的结果是正确的。

Answer 3

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");

Answer 4

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

追问

好像不可以

追答

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

Answer 5

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