js或者jQuery怎样得到指定div下的指定a标签

2024年10月30日 13:03
有4个网友回答
网友(1):

1、首先需要引入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属性,对比代码里的值,获取的结果是正确的。

网友(2):

1楼说得对,id是唯一的,建议用class代替。
比如说div2下面有5个class是b1的a标签,那么用jquery可以这样获得:
$("#div2 .b1").size();
其实例子中不用id或class也可以:
$("#div2 a").size();

网友(3):

首先,ID不能重复

不过你要硬用这个的话,也是可以的

$(function(){
var a = $("#div2").find("a[id=b1]").size();
alert(a);
});

输出内容

$("#div2").find("a[id=b1]").each(function(index,domEle){
alert($(this).html());
});

网友(4):

在js或者jQuery下面得到指定的div下面的指定a标签的方法:
1、通过id直接获取所需a标签:$("#ids");
2、通过从属关系获得a标签。
$("div a");然后对取得的元素遍历,找到需要的a标签即可。