jQuery获取某元素下所有的链接元素

jQuery获取某元素下所有的链接元素:

在某些情况下需要获得某些元素下的所有链接,下面就介绍一下如何实现此效果。

代码实例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51texiao.cn/" />
<title>蚂蚁部落</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script language="javascript" type="text/javascript">
$(function(){
  $("#allA a").click(function(){
    window.alert(this.href);
    return false;
  })
})
</script>
</head>
<body>
<div id="allA">
 <a href="http://www.51texiao.cn/">蚂蚁部落</a>
 <a href="http://www.163.com/">网易</a>
 <a href="http://www.qq.com/">腾讯</a>
 <a href="http://www.sina.com/">新浪</a>
</div>
</body>
</html>

以上代码中,当点击链接时,能够弹出相应链接的href属性值。

需要注意的几点:

1.$("#allA a")获取id为allA元素元素下的所有链接。

2.this.href中的this是被点击的当前链接对象。

原文地址是:http://www.51texiao.cn/jqueryjiaocheng/2015/0504/686.html

最为原始地址是:http://www.softwhy.com/

时间: 2024-08-28 07:10:30

jQuery获取某元素下所有的链接元素的相关文章

DOM: 如何获取元素下的第一个子元素

Element.firstChild ?,是的,这是第一种方法,当然,通常来说支持 W3C 规范的浏览器,如 Firefox 等取到的应该是 TEXT_NODE.很早之前,或者说现在最流行的方法可能是: // 让我们假设要将它抽象出来,变成一个 util 对象的方法 var util = {}; util.first = function(element) { if(!element) return; var first= element.firstChild; // 处理 w3c 浏览器中第一

jQuery - 获取内容和属性:操作 HTML 元素和属性的强大方法

jQuery - 获取内容和属性 jQuery 拥有可操作 HTML 元素和属性的强大方法. jQuery DOM 操作 jQuery 中非常重要的部分,就是操作 DOM 的能力. jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易. 获得内容 - text().html() 以及 val() 三个简单实用的用于 DOM 操作的 jQuery 方法: text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记)

(转)Jquery获取上级、下级或者同级的元素

下面介绍JQUERY的父,子,兄弟节点查找方法 jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class") jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素 jQuery.children(expr).返回所有子节点,这个方法只会返回直接的孩子节点,不会返

jQuery 获取有多个class名的元素

HTML内容: <div class="write-upload"> <p class="write-files old-files"> <i class="ico ico-wjj"></i>policycustom1.xml<span onclick="deleteAttachment(this)">x</span> </p> <p c

jquery获取当前select下拉选的属性值

body中: <li> <select id="select_phone"></select> <input type="button" id="huoqu" value="huoqu"/> </li> jquery实现: $("#huoqu").click(function(){ var text = $("#select_phone&

jquery获取某个div下相同特性的所有对象对循环对其操作

$(function () { var i = 1; $("div .DataPartFull").each(function (index, element) { var indexid = $element).find("input[type='hidden']").eq(0).val(); var setype = $(element).find("input[type='hidden']").eq(1).val();//折线图 or 柱状

jquery获取子元素

Jquery获取子元素的方法有2种,分别是children()方法和find()方法. 下面我们分别来使用这两种方法,看看它们有何差异. children()方法:获取该元素下的直接子集元素 find()方法:获取该元素下的所有(包括子集的子集)子集元素 分别以以下HTML代码为例: <ul> <li>list1 <ul> <li>list1-1</li> <li>list1-2</li> </ul> <

一步一步学习 JQuery (四) 过滤选择器:属性过滤选择器 &amp;&amp; 子元素过滤选择器 &amp;&amp; 表单过滤选择器

四.属性过滤选择器 属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素 选取下列元素,改变其背景色为 # bbffaa 含有属性title 的div元素. 属性title值等于"test"的div元素. 属性title值不等于"test"的div元素(没有属性title的也将被选中). 属性title值 以"te"开始 的div元素. 属性title值 以"est"结束 的div元素. 属性title值 含有"

JQuery中如何查找某种类型的所有元素&amp;选择器

更多的是,有关于选择器的内容. 背景:查找某控件中所有的input元素,代码如下: 1 $("#div1").find("input").each(function () { 2 alert($(this).attr("value")); 3 }); 上面的JQuery代码,是查找id为div1的div元素下所有的input元素,并弹出每个元素的value值. 再比如说,查找包含当前元素的父元素中所有的input元素,如存在一下html代码: 1